首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS -将过大的div放在太小的表格单元格中

CSS -将过大的div放在太小的表格单元格中
EN

Stack Overflow用户
提问于 2010-05-06 23:20:30
回答 2查看 1.1K关注 0票数 3

我想在表格单元格内显示一个DIV,它对它来说太窄了。我使用overflow:hidden来允许div溢出表格单元格的一侧,但现在我想将它居中,以便它在两侧溢出一点,而不是在一侧溢出大量的数据。

DIV对于DIV来说太窄了,如何在TD内水平居中DIV?

EN

回答 2

Stack Overflow用户

发布于 2010-05-15 03:57:34

让你的div有一个内部div:

代码语言:javascript
运行
复制
<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个像素。

票数 3
EN

Stack Overflow用户

发布于 2010-05-06 23:28:45

如果你的布局是固定的,你总是可以绝对地定位你的div,例如

代码语言:javascript
运行
复制
#myDiv
{
    position: absolute;
    left: 20px;
}

或者如果div需要相对于表单元格的当前位置:

代码语言:javascript
运行
复制
#myDiv
{
    position: relative;
    left: 20px;
}

还有用于定位的toprightbottom css属性。根据所需的方向,这些值可以是正数,也可以是负数。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2782202

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档