日期:2014-05-17  浏览次数:20610 次

HTML 表格文本问题
小弟初学HTML,现在遇到一个问题。

问题:
  创建表格后,浏览器中显示表格中的文本内容有些可以成一行,有些就多一个字的成两行显示了。
  请问怎么样可以统一一下,表格中的文本都处于一行呢?

------解决方案--------------------
设置td的weidth
楼主可以参考下table的用法

http://www.w3school.com.cn/tags/tag_table.asp
------解决方案--------------------
探讨

设置td的weidth
楼主可以参考下table的用法

http://www.w3school.com.cn/tags/tag_table.asp

------解决方案--------------------
已经改好了,一下是代码,自己看看吧。
<table width="100%" height="33">
<tr bordercolordark="#CCCCCC">
<th colspan="2" style="font:'Courier New', Courier, monospace; font-size:15px; font-weight:bold; border:2px; border-bottom-color:#CCC; border-top-color:#999 ;width:inherit; background-color:#CFF; text-align:left" >上海市行政区</th>
</tr>
<tr>
<td width="12%" style="text-align:center; border:2px;border-right-color:#CCC; background-color:#E8E8E8;font-weight:bold">中心城区</td>
<td width="88%" style="text-align:justify; font-size:14px">
<table>
<tr style="text-align:left">
<th width="135"><ul><li>黄浦区</li></ul></th>
<th width="135"><ul><li>徐汇区</li></ul></th>
<th width="135"><ul><li>长宁区</li></ul></th>
<th width="135"><ul><li>静安区</li></ul></th>
<th width="135"><ul><li>普陀区</li></ul></th>
<th width="135"><ul><li>闸北区</li></ul></th>
<th width="135"><ul><li>虹口区</li></ul></th>
<th width="135"><ul><li>杨浦区</li></ul></th>
</tr>
</table>
</td>
<tr>
<td style="text-align:center; border:2px;border-right-color:#CCC; background-color:#E8E8E8;font-weight:bold">郊区</td>
<td style="text-align:justify; font-size:14px">
<table>
<tr style="font-weight:bold">
<td width="135"><ul><li>浦东新区</li></ul></td>
<td width="135"><ul><li>闵行区</li></ul></td>
<td width="135"><ul><li>宝山区</li></ul></td>
<td width="135"><ul><li>嘉定区</li></ul></td>
<td width="135"><ul><li>奉贤区</li></ul></td>
<td width="135"><ul><li>金山区</li></ul></td>
<td width="135"><ul><li>松江区</li></ul></td>
<td width="135"><ul><li>青浦区</li></ul></td>
</table>
</td>
</tr>
</td>
</table>