需要阻止Pesky lil'<small>元素不能与text-align一起使用
Bau*_*umr 10 html css w3c semantic-markup css3
所以你试图用<small>HTML属性text-align: center(或right)来居中HTML元素并且它不起作用？
好吧,那可能是因为你的HTML/CSS看起来像这样.有一个简单的CSS解决方案......
如果设置一个small { display: block }属性是这样那么它就像一个魅力:
Horay!
但你可能会说出一些不对的东西...... 为什么它仍然有效？
Bau*_*umr 13
好吧,<small>基本上是一个内联元素,text-align属性将应用于块元素并传递给子内联元素(或内部的字符串).
通过制作small块元素,我们允许对其中的文本进行样式设置.
此外,W3规范定义了<small>一个措辞上下文内使用元件-类似于相似的元件<strong>,<b>,<span>,<a>,等等 -这将做同样的事情,在这种情况下.
W3 wiki示例建议使用<small>内部<p>标记和样式 - 我猜这是更多的语义解决方案,如果需要查看它,这里是代码.
为什么这有点令人困惑？
好吧,网上的一些第三方资源没有提及它,或者至少没有明确说明.例如,HTML5 Doctor的示例使用了small没有块元素容器的元素.
希望澄清事情!一如既往,如果我错过任何事情,请告诉我.(而且我想我做到了.)
- 是正确的.您正在尝试使用内联元素作为块元素.B/c它默认不阻止,你用"display:block"强制它.同样的事情也适用于<span>标签. (2认同)