Question

我在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";

我想修复细胞宽度请帮助。感谢

Answer 1

只需在th标签上设置％width。

<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">

Answer 2

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

应该这样做。如果不是

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

如何做自动换行

2 个答案: