表中的自动换行会更改单元格大小

时间:2015-08-08 14:46:27

标签: html css css3 word-wrap css-tables

我有一个包含2列的表格,其中一列有table { table-layout: fixed; width: 100%; border: 1px dotted gray; } table td { border: 1px solid blue; } table td:nth-child(2) { word-wrap: break-word; }



<table>
    <tr>
        <td>Column1</td>
        <td>Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2Column2</td>
    </tr>
</table>
&#13;
word-wrap: break-word
&#13;
&#13;
&#13;

我希望将第一列的宽度保持在最低限度,然后扩展第二列以适应表格的其余部分。

table-layout: fixed仅在我设置$value = $_POST['value']; this_query = $database->prepare("SELECT * FROM table WHERE field = ?"); $stt = bind_param("s", $value); $stt->execute(); 并且强制所有列具有相同尺寸时才有效。如果不在第一列显式设置宽度值,我怎样才能达到我想要的效果?

2 个答案:

答案 0 :(得分:1)

您可以使用width的{​​{1}}属性来实现这一目标,如下所示。

&#13;
&#13;
<td>
&#13;
table {
  table-layout: fixed;
  border: 1px dotted gray;
}
table td {
  border: 1px solid blue;
}
table td:nth-child(2) {
  word-wrap: break-word;
  width: 100%;
  max-width: 1px;
}
&#13;
&#13;
&#13;

答案 1 :(得分:0)

只需添加一位css,代码显示在下面,试试吧

SELECT
    *
FROM
    jukebox
WHERE
    lastplayed =
        CASE
            WHEN (SELECT MIN(lastplayed) FROM jukebox) = 0 THEN 0
            ELSE lastplayed
        END
ORDER BY
    CASE
        WHEN (SELECT MIN(lastplayed) FROM jukebox) = 0 THEN id
        ELSE RANDOM()
    END DESC
    LIMIT 1;

希望这对你来说足够了

Regds ..