怎么阻止表格单元格内自动换行-JavaSript-爱易网页

怎么阻止表格单元格内自动换行

日期：2014-05-16　浏览次数：20541 次

如何阻止表格单元格内自动换行
表格的宽度通常会随内容增加而动态地增长，但是当碰到容器的边界时，就不会再长了，而是采用在单元格内换行的方式容纳更多的文本。这实在是太难看了。有没有什么办法取消这种默认操作？

------解决方案--------------------
应该是不会自动换行更加难看吧，如果是不想换行用pre



<table width="100" border="1">

<tr><td><pre>测试测试测试测试测试测试测试测试测试测试测试测试测试测试</pre></td></tr>

</table>

<br/><br/>

<table width="100" border="1">

<tr><td>测试测试测试测试测试测试测试测试测试测试测试测试测试测试</td></tr>

</table>

------解决方案--------------------
是要这种效果吗

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <style type="text/css">

    td

    {

      font-size: 12px;

      overflow: hidden;

      padding-left: 5px;

      text-align: left;

      text-overflow: ellipsis;

      white-space: nowrap;

      word-break: break-all;

    }

    table

    {

      table-layout: fixed;

    }

  </style>

   

</head>

<body>

<table style="width:600px">

<tr>

<td>是要这种效果吗？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？



AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA



AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>

</tr>

</table>

</body>

</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

怎么阻止表格单元格内自动换行

相关资料更多>

推荐阅读更多>