html - 有没有办法改变 <code> HTML 标签的宽度？

Question

我注意到 <code> 的任何修改相对于其宽度的样式没有任何影响。它似乎总是设置为“自动”。

我只是想在 <code> 中编写一些代码具有 100% 宽度的标签(由于一些已知的 iBooks 错误，此标签是强制性的)。一种解决方法是将 <code>在 <div> 里面具有 100% 背景样式。这工作正常，但我必须处理几百个 <code>标签...这就是我希望能够修改 <code> 的原因的宽度。

有什么想法吗？ 谢谢。

Answer 1

<code>元素是行内元素。为它们设置高度或宽度不会影响它们的大小。

使用 display:inline-block::

code {
    display: inline-block; 
    width: 100px; /* Whatever. The <code>'s width will change */
}