Table布局,怎么固定左列的宽度?

xiaoqhuang 2008-05-20 02:26:48

左列宽度固定,右列宽度随内容自动变宽,不能换行. 超出浏览器宽度自动在网页最下面加滚动条.

现在问题是右列宽度超过浏览器就会挤掉左边的.



<html>

<body>

<table>

<tr>

<td style="width:300px;">左列-固定300px</td>

<td><nobr>右列- 再长也不能挤掉左边列, 也不能换行. 再长也不能挤掉左边列, 也不能换行. 再长也不能挤掉左边列, 也不能换行. 再长也不能挤掉左边列, 也不能换行. 再长也不能挤掉左边列, 也不能换行. 再长也不能挤掉左边列, 也不能换行. </nobr></td>

</tr>

</table>

</body>

</html>

...全文

221 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

随风飘扬的叶 2012-02-22

打赏
举报

UP！拿分

liujunhappy2005 2008-05-20

打赏
举报

把table放到层里看看
<div style="overflow: scroll; width:"要显示宽度";height:"高">
<table></table>
</div>
如果table宽大于要显示的宽度，就出滚动

softfire007 2008-05-20

打赏
举报

帮顶！！！

=======================================签名区=======================================

推荐编辑器
能高亮代码在线html编辑器（.NET控件），附源码，调用方法说明，很漂亮

xiaoqhuang 2008-05-20

打赏
举报

我给的只是个简单例子,页面比较大,需要用table布局!!!

GengWH 2008-05-20

打赏
举报

[Quote=引用 6 楼 NekChan 的回复:]
那就换个方式

HTML code<html>
<body>
<nobr>
<span style='width: 300px;'>左列-固定300px</span>
<span>右列- 再长也不能挤掉左边列, 也不能换行. 再长也不能挤掉左边列, 也不能换行. 再长也不能挤掉左

边列, 也不能换行. 再长也不能挤掉左边列, 也不能换行. 再长也不能挤掉左边列, 也不能换行. 再长也不能

挤掉左边列, 也不能换行. </span></nobr>
</body>
</html>
[/Quote]

NekChan 2008-05-20

打赏
举报

那就换个方式

<html>

<body>

<nobr>

<span style='width: 300px;'>左列-固定300px</span>

<span>右列- 再长也不能挤掉左边列, 也不能换行. 再长也不能挤掉左边列, 也不能换行. 再长也不能挤掉左



边列, 也不能换行. 再长也不能挤掉左边列, 也不能换行. 再长也不能挤掉左边列, 也不能换行. 再长也不能



挤掉左边列, 也不能换行. </span></nobr>

</body>

</html>