Question

我正在尝试在td表单元格中显示一小段问题是除非td单元格是灵活的，否则段落不会显示我已经尝试过（white-space：pre和white-space：word-wrap），但是它对我不起作用

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
}
</style>
</head>
<body>

<table>
<tr>
 <td style="width: 150px;
             overflow: hidden;
             display: inline-block;
             white-space: word-wrap;"> 
                <div style="width :100px ; white-space: nowrap;">longparagrapgh heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeey</div>
                  
         
              </td>
 </tr>
</table>

</body>
</html>

有什么主意吗？

Answer 1

使用word-break和word-wrap：

<!DOCTYPE html>
<html>

<head>
  <style>
    table,
    th,
    td {
      border: 1px solid black;
    }
  </style>
</head>

<body>

  <table>
    <tr>
      <td style="width: 150px;
             overflow: hidden;
             display: inline-block;
             white-space: word-wrap;">
        <div style="width :100px ; white-space: normal; word-wrap: break-word; word-break: break-word;">longparagrapgh heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeey</div>


      </td>
    </tr>
  </table>

</body>

</html>

如何在表格单元格中显示段落

1 个答案: