鸡啄米

首页|IT互联网|数码生活|软件开发|娱乐休闲|职场人生|编程课堂|Android开发网

如何使HTML table单元格宽度不随内容改变

  页面中table宽度设置width="600px"之后,宽度仍然不是固定的,文字太长后不换行,把table都撑变形了。

  解决办法:

  table 设置宽度,绝对宽度和相对都可以:

  table-layout:fixed ;

  并且,第一行的<td>设置宽度,留一个不设,自由伸缩。

  这样操作之后,table是宽度固定了,但是里面的文章如果很长,文字还是会跑出来

  解决办法:

  在 td 里面 加上 style="word-wrap:break-word;" 自动换行就好了,如果不想换行,可以将超出内容设为隐藏,并且用省略号代替:

  在td上面加

  overflow:hidden;

  white-space:nowrap;

  text-overflow:ellipsis;

Tags:HTML | 2016/3/25 | 发表评论

相关文章: