所以您尝试将 <small>
居中具有 CSS 属性的 HTML 元素 text-align: center
(或 right
)但它不起作用?
嗯,那可能是因为你的 HTML/CSS 看起来像 like this .有一个简单的 CSS 解决方案...
如果你设置一个small { display: block }
属性(property)like this然后它就像一个魅力:
万岁!
但您可能会说出某些地方不对...为什么它仍然有效?
最佳答案
嗯,<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/