javascript - 如何避免标题标签中出现换行符？

我正在使用 header 标签，但我不希望在它们后面使用换行符。

我尝试使用display: inline;属性，但是没有用。

HTML:

<h5>Token No.:</h5> <h4>147</h4>

CSS:

h5 {
    display: inline;
}

这应该不会导致换行，但是会在“ token 编号:”之后给出一个。

最佳答案

您需要同时显示h4和h5，可能需要设置!important来覆盖其他选择器

h5, h4 {
    display: inline !important;
}

更新:

如果您只想影响当前部分，则可以转到带有类(class)的div

<div class='token'>
   <h5>Token No.:</h5> <h4>147</h4>
</div>

的CSS

.token h5, .token h4 {
        display: inline !important;
 }

h5, h4 {
    display: inline !important;
}

<h5>Token No.:</h5> <h4>147</h4>

关于javascript - 如何避免标题标签中出现换行符？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55998302/