gpt4 book ai didi

html - 讨厌的 lil' 元素不能与文本对齐一起工作,需要被阻止

转载 作者:太空狗 更新时间:2023-10-29 13:12:00 25 4
gpt4 key购买 nike

所以您尝试将 <small> 居中具有 CSS 属性的 HTML 元素 text-align: center (或 right )但它不起作用?

small element resisting text-align

嗯,那可能是因为你的 HTML/CSS 看起来像 like this .有一个简单的 CSS 解决方案...

如果你设置一个small { display: block }属性(property)like this然后它就像一个魅力:

small element being good

万岁!

但您可能会说出某些地方不对...为什么它仍然有效?

最佳答案

嗯,<small>基本上是一个内联元素,text-align属性(property)是applied to block elements并传递给子内联元素(或 strings inside )。

通过制作small放入 block 元素中,我们允许对其中的文本设置样式。


另外,W3 spec定义 <small>在短语上下文中使用的元素——类似于 <strong> 等元素, <b> , <span> , <a> , and so on — 这会做 same thing在这种情况下。

W3 wiki examples建议把<small>里面<p>标签和样式——我想这是更语义化的解决方案,这里是the code如果您需要查看它。


为什么这有点令人困惑?

嗯,网络上的一些第 3 方资源没有提及,或者至少没有明确提及。例如,HTML5 Doctor's example使用 small周围没有 block 元素容器的元素。

希望澄清事情!一如既往,如果我遗漏了什么,请告诉我。 (我想我做到了。)

关于html - 讨厌的 lil' <small> 元素不能与文本对齐一起工作,需要被阻止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13205402/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com