jQuery MiniUI

标题: 布局 [打印本页]

作者: netui 时间: 2013-10-22 09:19:07 标题: 布局

各版主：早！

<table border="1" style="width:100%;" cellpadding="0" cellspacing="0">
      <tr style="height:60px;" valign="top">
         <td style="width:100%;"><font color="red">第1题</font>：test</td>
         <td style="white-space:nowrap;padding:0px;"><a id="flag'+(i+1)+'" class="mini-button" iconCls="icon-add">标记</a></td>
      </tr>
      <tr><td colspan="2">test</td></tr>
      <tr><td colspan="2">选择答案：<input id="Text2" name="KSDA" class="mini-radiobuttonlist" data="[{id: '1',text: '正确'},{id: '2',text: '错误'},{id: '3',text: '半对'}]" required="true" style="display:inline-block;"/><input class="mini-textbox"/></td></tr>
</table>

请教个布局的小问题：我想把上面表格的第三行，全部水平对齐，用了vAlign=“top" 没效果。

作者: factory 时间: 2013-10-22 09:39:18

<table border="1" style="width:100%;" cellpadding="0" cellspacing="0">
      <tr style="height:60px;" valign="top">
         <td style="width:100%;"><font color="red">第1题</font>：test</td>
         <td style="white-space:nowrap;padding:0px;"><a id="flag'+(i+1)+'" class="mini-button" iconCls="icon-add">标记</a></td>
      </tr>
      <tr><td colspan="2">test</td></tr>
      <tr><td colspan="2"><a style="float:left;">选择答案：</a><input id="Text2" name="KSDA" class="mini-radiobuttonlist" data="[{id: '1',text: '正确'},{id: '2',text: '错误'},{id: '3',text: '半对'}]" required="true" style="display:inline-block;float:left;"/><input class="mini-textbox"/></td></tr>
</table>

拷贝过去试试

作者: netui 时间: 2013-10-22 10:22:33

factory 发表于 2013-10-22 09:39
第1题：test
标记

哇，太牛了，感谢Factory！

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)