在HTML中,当表格有多列可换行的文本时,浏览器会计算最佳列宽以最小化表格的高度。例如,使用下面的超文本标记语言,正如您在中看到的那样,第一列将比第二列稍宽一些。具体有多少取决于字体的详细信息。
<table width="200">
<tr>
<td>The quick brown fox jumped over the lazy lazy lazy dog</td>
<td>The lazy brown fox jumped over the dog</td>
<tr>
我创建了一个类似布局的DIV + CSS样式表。但是,第三列继续在前2列下面显示。即使我使用33%的宽度(即总宽度低于100%),情况也是如此。
HTML标记如下:
<div id="container">
<div id="column1">
Some Content for the first column.
</div>
<div id="column2">