我想在表格单元格内显示一个DIV,它对它来说太窄了。我使用overflow:hidden来允许div溢出表格单元格的一侧,但现在我想将它居中,以便它在两侧溢出一点,而不是在一侧溢出大量的数据。
DIV对于DIV来说太窄了,如何在TD内水平居中DIV?
发布于 2010-05-15 03:57:34
让你的div有一个内部div:
<td><div class="outer">
<div class="inner></div>
</div></td> <!--close cell>
然后对div.outer应用50%的left边距,对div.inner应用50%的left边距。这将使div在单元格中完全水平居中。
概念:
假设表格单元格的宽度为20px,div的宽度为22px。框的div.outer左边缘将被推到表单元格中的像素位置10。然后,使用-50%的边距,div.inner将向左拉回11个像素,将其定位到表格单元格左侧的外部1个像素,并在右侧固有地溢出1个像素。
发布于 2010-05-06 23:28:45
如果你的布局是固定的,你总是可以绝对地定位你的div,例如
#myDiv
{
position: absolute;
left: 20px;
}
或者如果div需要相对于表单元格的当前位置:
#myDiv
{
position: relative;
left: 20px;
}
还有用于定位的top
、right
和bottom
css属性。根据所需的方向,这些值可以是正数,也可以是负数。
https://stackoverflow.com/questions/2782202
复制相似问题