Question

每当我尝试向“问题小工具”添加内容时，都会导致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本身。运输署不应该努力寻找空间来放置内容。如果添加一个或两个简单的br标记，则可以看到底行增长。

有什么明显的东西我做错了吗？（除了使用表格进行布局）。

任何帮助都将不胜感激。

Answer 1

由于问题窗口小部件在表格底部结束，所以一旦增长，最低行必须随之增长。因为＆＃34;问题小工具＆＃34;也在最低的一排。

这就是表的工作方式。

您可以制作＆＃34;问题小工具＆＃34;一排较低，所以底行将被推下而不是延长，或者你可以设置td的高度，高于它将会变高。

除此之外，我能想到的唯一更好的解决方案是在div中重建，但我认为这不是你想要的。

Answer 2

不确定我是否可以在这方面给你很多帮助，但是一种防止tds将其他内容推到一边的方法是将所有tds设置为宽度，并使宽度的总和等于表格＃39 ;宽度。

例如：

table = width：400px;
td1 =宽度：50px;
td2 =宽度：250px;
td3 =宽度：100px;

我相信同样的想法适用于它的高度。

Answer 3

试试这个：

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的余量（顶部和底部）。

为什么我的内容导致其他s增长？

3 个答案: