文本位于 Div 的垂直中间

发布于 2024-09-14 23:29:57 字数 165 浏览 9 评论 0原文

如果指定了 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 技术交流群。

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

发布评论

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

评论(1

遗失的美好 2024-09-21 23:29:57

包装一个内部 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 a top: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 the absolute rule though.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文