簡體   English   中英

表格中的自動最大高度表

[英]Auto max height table in table

<table id="one">
    <tr>
        <td>

            <table id="two">
                <tr><td>qqq</td> <td>www</td> </tr>
            </table>


        </td> <td>12 <br /> 34 <br />56 </td>
    </tr>
    <tr>
        <td> </td> <td> aaa</td>
    </tr>
<table>

#one td {
    border: solid 1px red;
}

#two {
    background-color: green
}

實時示例: http //jsfiddle.net/QMQ3R/3/

我想-帶有qqqwww的 td在table#one tr td中具有自動最大高度。

我該怎么做? 用PHP生成12、34、56。 例如可以有10 BR

有趣的是,將#one td#two設置為height: 100% ,它可以在Firefox中運行,而不是在Chrome中運行。 將任意數字(例如1px )設置為#one td ,它可以在Chrome瀏覽器中運行,而不能在Firefox中使用。 #one td的高度設置為0 ,它可以在Firefox和Chrome(而非IE)中使用。 雖然那很hacky,但我不喜歡它。 無論如何,這是(駭人但可行的)示例:

http://jsfiddle.net/QMQ3R/8/

嵌套表SUCK,請盡量不要使用它們。 它們在HTML5中無效。 另外,請勿重復ID。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM