html - 立式扩展台

Question

我是 HTML 和 CSS 的新手，我在水平扩展时遇到了问题，而我希望它垂直扩展。我已经固定了 Th 的宽度，但它没有解决任何问题。这是我的代码。

<div id="resBox">
    <table id="resTable">
            <tr>
                <th class="frame">a</th>
                <th class="frame">b</th>
                <th class="frame">c</th>
                <th class="frame">d</th>
                <th class="frame">e</th>
            </tr>
    </table>
</div>

每当一个 th 包含一个长字符串时，它都会花费使其他帧更小。

这是CSS代码：

#resTable{
width:100%;
margin:auto;}

.frame{
width:19%;
border: 1px solid black;}

谢谢。

Answer 1

写这个 CSS -

table th{
    width: 100px;
    word-wrap: break-word;
    display: inline-block;
    border: 1px solid #f00;
}​

演示：http: //jsfiddle.net/Scec9/3/

Answer 2

没有明确的方法可以做到这一点，而不涉及某种形式的代码或类似的可以制作子字符串的代码，这是针对长连续字符串的。

您得到的最接近的是类似于本文中解释的内容：

http://www.cs.tut.fi/~jkorpela/html/nobr.html

然而，这些方法可能会有过多的错误。