如何进行自动换行答案

【问题标题】：How to do word wrapping如何进行自动换行
【发布时间】：2010-06-09 19:50:08
【问题描述】：

我在 PHP 中创建了一个表格，但单元格大小不固定，当输入很长时它会消耗。这是代码。

echo "<div style=\"overflow-y: scroll; white-space: nowrap; height: 190px;\">\n";
        echo "<table cellspacing=\"1\" cellpadding=\"1\" align=\"center\" width=\"100%\" id=\"clients\">\n";
        echo "<tr bgcolor=\"2b2d5d\">\n";
        echo "<th align=\"left\" style=\"color: FFFFFF; font-size: 12px; font-weight: normal; font-family: Arial; padding: 5\">&nbsp;</th>\n";
        echo "<th align=\"left\" style=\"color: FFFFFF; font-size: 12px; font-weight: normal; font-family: Arial; padding: 5\">Name</th>\n";
        echo "<th align=\"left\" style=\"color: FFFFFF; font-size: 12px; font-weight: normal; font-family: Arial; padding: 5\">Address</th>\n";
        echo "<th align=\"left\" style=\"color: FFFFFF; font-size: 12px; font-weight: normal; font-family: Arial; padding: 5\">Phone</th>\n";
        echo "<th align=\"left\" style=\"color: FFFFFF; font-size: 12px; font-weight: normal; font-family: Arial; padding: 5\">Fax</th>\n";

我想固定单元格的宽度，需要帮助。谢谢

【问题讨论】：

这对塔尔哈有帮助吗？如果您需要更多信息，请告诉我

标签： php html

【解决方案1】：

只需在 th 标签上设置 % 宽度。

<th style="width:20%;">

如果您喜欢这种设计，也可以在某些列上设置固定宽度。

我还建议您将内联 css 移动到一个类中，以免您重复相同的代码，并将其放置在单独的 css 样式表中。如果您不熟悉（或正在阅读的任何人）通过将以下内容放在页面顶部来附加样式表：

<link rel="stylesheet" href="default.css">

示例类：

.myTableColumn{color: FFFFFF; font-size: 12px; font-weight: normal; font-family: Arial; padding: 5;width:20%;}

从列中调用它：

<th class="myTableColumn">

【讨论】：

这是最好的解决方案。即使使用 wordwrap() 函数 (php.net/wordwrap) 也无济于事，因为 HTML 会折叠空白并对其进行相同处理（当然您可以将其包装在
```
 标记中，但那样我只会变得迂腐）。
                
              
                
            
```
对此的一点扩展是，如果您使用 % 宽度，文本将在更大的分辨率上展开。 768 像素的 20% 与 1050 像素的 20% 不同。如果您需要永久精确的宽度，则使用像素宽度会更合适。此外，代码在 20% 之后缺少分号 :)
您不需要分号来定义单个样式，但我会为您提供：)
你也可以试试 nl2br(wordwrap())

【解决方案2】：

<th width="50"></th>

应该这样做。如果没有

<th style="max-width: 50px;"></th>

【讨论】：