微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – 如何在没有额外标记的情况下将内联块/浮动标题居中?

我有一个可变宽度标题,其背景颜色必须与文本一样宽(不宽).我能想到的唯一方法(没有额外的标记)是将显示设置为内联块或将其浮动到左侧.然而问题是我无法将标题居中(另一个要求).

到目前为止我最接近的是设置位置:相对;在浮动的标题上,将其从左侧推过50%然后将其向后拉25%,但是这不会始终使标题居中.它必须保留在文档的流程中,所以位置:绝对;是另一个禁忌.

如果你知道一种方法,只使用CSS而没有额外的标记,请告诉我(伪元素很好,我不讨厌IE7支持)!

解决方法

使用display:table;在标题上(边距:0自动;).

原文地址:https://www.jb51.cc/html/226527.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐