使用 css 将灵活宽度的内容居中

发布于 11-09 20:05 字数 462 浏览 1 评论 0原文

我在尝试将包含的 div 中的(内联?)元素水平居中时遇到困难。我希望“某些文本”有一个折叠到它的背景,并且所有这些都在包含元素内居中。我知道如果我指定宽度我可以做到这一点,但我试图避免这种情况

查看我与一些非工作CSS放在一起的一个简单示例... JSfiddle: http://jsfiddle.net/Mqw5R/ (即使没有 js 也能很好地工作!)

<div>
<p>Some text</p>
</div>

=========================
=                       =
=      |some text|      =
=                       =
=========================

I am having difficulty trying to horizontally center an (inline?) element within my containing div. I want "some text" to have a background which collapses to it, and for that all to be centered within the containing element. I know I can do this if i specify a width, but I am trying to avoid that

Check out a simple example I put together with some nonworking css...
JSfiddle: http://jsfiddle.net/Mqw5R/ (works great even without js!)

<div>
<p>Some text</p>
</div>

=========================
=                       =
=      |some text|      =
=                       =
=========================

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

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

发布评论

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

评论(2

如果没有你2024-11-16 20:05:22

http://jsfiddle.net/Mqw5R/3/

为什么不把

text-align:center;

你 DIV CSS?

http://jsfiddle.net/Mqw5R/3/

Why don't you just put

text-align:center;

Inside of your DIV css?

如梦初醒的夏天2024-11-16 20:05:22

text-align:center 添加到 containing 元素,而不是子元素,如下所示:
http://jsfiddle.net/thomas4g/Mqw5R/1/

Add text-align:center to the containing element, not the child, like so:
http://jsfiddle.net/thomas4g/Mqw5R/1/

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