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

然而，这些方法可能过于错误。

垂直扩展台

2 个答案: