垂直对齐永远不会响应
垂直对齐是我长期以来一直在努力解决的一个问题。我知道在大多数浏览器中,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/
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
使用
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,addedheight,width,line-height
http://jsfiddle.net/mvivekc/R4Y4s/2/
您可以尝试在 div 块中使用下边距,以防垂直对齐无法帮助实现您所需的结果。
在哪里 ?根据需要可以是 +ve 或 -ve 值
You can try using bottom-margin in div blocks in case vertical-align doesn help to achieve your required result.
where ? can be +ve or -ve value as necessary
您可以通过 ul 上的负底部边距来解决此问题。这是一个工作示例: http://jsfiddle.net/5rVJ3/13/
已更改的代码:
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: