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: 表格單元格內容分行顯示/換行