table 中，如何使得单元格的内容不换行，单元格不被撑开

本文转载自查看原文 2016-02-03 14:51 1920 CSS+DIV/ 单元格不被撑开/ HTML/ table 中/ 如何使得单元格的内容不换行/ table-layout:fixed

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>table-layout:fixed</title>
<style type="text/css">
.dataTable { width: 100%; border: none; border-collapse: collapse; border-spacing: 0px !important; display: table; table-layout:fixed; }
.dataTable td { word-break: break-all; word-wrap:break-word; }
</style>
</head>

<body>
<table class="dataTable" border="1">
  <tr>
    <td width="120" align="center">阿罗裤剪短发了</td>
    <td width="40%">&nbsp;</td>
    <td width="120" align="center">&nbsp;</td>
    <td width="40%">&nbsp;</td>
  </tr>
  <tr>
    <td align="center">阿罗裤剪短发了</td>
    <td>&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="center">&nbsp;</td>
    <td>&nbsp;</td>
    <td align="center">阿罗裤剪短发了</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="center">&nbsp;</td>
    <td>&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 Excel中如何锁定部分单元格内容不被修改？ table单元格内容过多换行显示 layui单元格换行 phpexcel单元格内换行 Excel在单元格内如何换行 phpexcel单元格内换行如何合并table单元格 bootStrap table 合并单元格,拆分单元格 .NET NPOI操作Excel 让单元格的内容换行 LaTex: 表格单元格内容分行显示/换行