垂直对齐永远不会响应

发布于 2025-01-02 14:49:44 字数 472 浏览 0 评论 0原文

垂直对齐是我长期以来一直在努力解决的一个问题。我知道在大多数浏览器中,vertical-align css属性有缺陷

大多数情况下,我们可以使用 display:table-cell 进行修复,因为垂直对齐对于表格来说是理想的选择,而 IE 不会对此做出响应。

但是,我们还有其他替代垂直对齐的修复方法吗?

这是我要修复的示例。 http://jsfiddle.net/gviswanathan/5rVJ3/

假设是这样

vertical-align is the one issue which i am struggling to fix for long days. I understand vertical-align css property is buggy in most of the browsers.

Mostly, we can fix using display:table-cell, because vertical-align is ideal for table and IE will not respond for this.

But, do we have any other alternate fix for vertical-alignment.

Here, is my example for which i suppose to fix.
http://jsfiddle.net/gviswanathan/5rVJ3/

Suppose to be like this

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

看春风乍起 2025-01-09 14:49:44

使用 line-height 将是一个很好的替代品..但是,这取决于您应用它的内容..它会在您的情况下工作..检查小提琴,添加 height,宽度,行高

http://jsfiddle.net/mvivekc/R4Y4s/2/

using line-height would be a good replacement.. but,it depends on what you are applying it on.. it will work in your case though.. check the fiddle,added height,width,line-height

http://jsfiddle.net/mvivekc/R4Y4s/2/

逐鹿 2025-01-09 14:49:44

您可以尝试在 div 块中使用下边距,以防垂直对齐无法帮助实现您所需的结果。

<div style="margin-bottom: ?px">

在哪里 ?根据需要可以是 +ve 或 -ve 值

You can try using bottom-margin in div blocks in case vertical-align doesn help to achieve your required result.

<div style="margin-bottom: ?px">

where ? can be +ve or -ve value as necessary

ぃ弥猫深巷。 2025-01-09 14:49:44

您可以通过 ul 上的负底部边距来解决此问题。这是一个工作示例: http://jsfiddle.net/5rVJ3/13/

已更改的代码:

.w ul, .w li {
    list-style : none;
    margin: 0 0 -7px 0;
    padding: 0;
}

You can fix this with a negative bottom margin on the ul. Here's a working example: http://jsfiddle.net/5rVJ3/13/

code that changed:

.w ul, .w li {
    list-style : none;
    margin: 0 0 -7px 0;
    padding: 0;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文