文本位于 Div 的垂直中间
如果指定了 position:absolute
属性,如何在 Div
元素的垂直中间对齐文本?
设置 display:table-cell; Vertical-align:middle;
不起作用。
谢谢!
How can I align text in the vertical middle of a Div
element provided it has a position:absolute
property specified?
Setting display:table-cell; vertical-align:middle;
isn't working.
Thanks!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
包装一个内部 div 并给它
position:relative; top:-50%;
除了给出绝对值top:50%
之外。当然,如果样式复杂,请提供您的 CSS。
如果只是一行文本,您可以不用
line-height
,但您必须取消absolute
规则。Wrap an inner div and give it
position:relative; top:-50%;
in addition to giving the absolute atop:50%
.Though of course if it's complicated styling, please provide your CSS.
You can get away with
line-height
if it's just a single line of text, you'd have to kill theabsolute
rule though.