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

Question

我注意到,<code>对于它的宽度的任何修改都没有任何影响.它似乎总是设置为"自动".

我只是想在<code>标签内写一些代码(这个标签是强制性的,因为一些已知的iBooks错误),它有100%的宽度.一种解决方法是将<code>内部放置在<div>具有100%背景样式的内部.这工作正常,但我将不得不处理几百个<code>标签......这就是我希望能够修改<code>宽度的原因.

有什么想法吗？谢谢.

Answer 1

<code>元素是内联元素.在这些上设置高度或宽度对它们的大小没有任何影响.

使用display:inline-block::

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

Answer 2

根据您的要求向元素添加display: block或。休息应该按计划进行inline-blockcode

看一个例子