垂直擴展表

我是新來的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;}

感謝。

來源

2012-06-11 Majid

http://jsfiddle.net/3M7px/看一看，因爲我想你給我們的代碼工作。或者，也許它不應該看起來像這樣？ –

太奇怪了。謝謝。 – Majid

不客氣; D你可以有一些其他的風格，它會覆蓋你向我們展示的那些:) –

寫CSS -

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

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

來源

2012-06-11 14:16:45 Dipak

http://jsfiddle.net/Scec9/1/如果它是一個單一的連續字符串呢？ – MetalFrog

@MetalFrog檢查更新演示 – Dipak

請記住，將'th'或'td'更改爲'inline-block'將會破壞正常的表格功能（因此您可以結束一些非常時髦的結果）。 – MetalFrog

有這樣做的，而不涉及某種形式的代碼隱藏或類似，可以使子串沒有明確的途徑，這是長連續的字符串是。

你得到最接近的是類似的東西在這篇文章中解釋說：

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

然而這些方法將可能是過度馬車。

來源

2012-06-11 14:33:03 JaggenSWE

澄清，這是爲沒有空格的CONTINOUS長字符串。只要你實現了一個空白區域，它就可以用你已有的標記打破。 :) – JaggenSWE

回答

相關問題