1

このフィドルを参照してください: http://jsfiddle.net/wd9G8/1/

「問題ウィジェット」にコンテンツを追加しようとすると、tds の一番下の行が大きくなります。

具体的には、以下のようなスライドショー プラグインを使用して div を追加します。

<div id="my-slideshow" class = "slides">
  <ul class="bjqs">
    <li><a href=""><img src="images/photos/pic.jpg" /></a></li>
    <li><a href=""><img src="images/photos/pic.jpg" /></a></li>
  </ul>
</div>

TD の内容は、TD 自体よりも大きくありません。TD は、コンテンツを配置するスペースを探すのに苦労するべきではありません。単純な br タグを 1 つまたは 2 つ追加すると、一番下の行が大きくなっていることがわかります。

私が間違っていることは明らかですか?(レイアウトにテーブルを使用することは別として)。

どんな助けでも大歓迎です。

4

3 に答える 3

0

これについて私があなたを大いに助けることができるかどうかはわかりませんが、tds がコンテンツで他のものを押しのけるのを防ぐ方法は、すべての tds に幅を設定し、幅の合計をテーブルの幅に等しくすることです。

例えば:

テーブル = 幅:400px;
td1 = 幅:50px;
td2 = 幅:250px;
td3 = 幅:100px;

高さについても同じ考えが働いていると思います。

于 2013-11-14T13:37:59.907 に答える
0

これを試して:

HTML

<td rowspan="2">
<div id="my-slideshow" class = "slides">
<ul class="bjqs">
     <li><a href=""><img src="images/photos/pic.jpg" /></a></li>
     <li><a href=""><img src="images/photos/pic.jpg" /></a></li>
</ul>
</div>
</td><!-- The Problem TD -->

CSS

.bjqs{
    margin:0 !important;
}

問題はulの余白(上下)です。

于 2013-11-14T13:38:15.480 に答える
0

Problem Widget はテーブルの一番下で終了するため、それが大きくなるとすぐに、一番下の行もそれに合わせて大きくなる必要があります。「問題ウィジェット」も一番下の行にあるからです。

これは、テーブルが機能する方法です。

「問題ウィジェット」を 1 行低くして、一番下の行を拡張する代わりに押し出すか、td の高さをそれよりも高く設定することができます。

それとは別に、私が考えることができる唯一のより良い解決策は、div で再構築することですが、それはあなたが探しているものではないと思います。

于 2013-11-14T13:28:52.430 に答える