css两个text合并 |css 最多显示

.combine {
display: inline-block;
}

大家首先需要定义一个class，名为combine，这个class中的样式定义了字体的行内展示方式，是内联块级元素，使得两个text能够自然的组合在一起。

<p>
<span class="combine">Hello</span>
<span class="combine">World</span>
</p>

上述代码中大家给带有.combine class的两个span元素设置了Hello和World，在p标签中有大家的组合文本成功的被渲染出来。

如果大家希望两个文本有一定的间隔，可以这样设置：

.combine {
display: inline-block;
margin-right: 5px;
}

设置一个right margin，使得两个text之间有5像素的空隙。

通过以上的方法，大家就能够很方便地实现CSS两个text的合并，希望对大家有所帮助。