[分享]css中如何让文字横排展示

在CSS中，如果想要让文字横排展示，我们可以使用以下的样式：
pre {
white-space: pre-wrap;
font-family: monospace;
font-size: 14px;
overflow-x: scroll;
}
这个样式可以让pre标签内的文字以横排的形式呈现，并且如果文字太长，会自动出现水平滚动条。
但是，如果我们想要让普通的段落文字也以横排的形式呈现怎么办呢？那么我们就需要使用以下的样式：
p {
display: inline;
white-space: nowrap;
}
该样式中，display:inline可以将段落转为行内元素；white-space:nowrap可以使得文字不进行换行。这样一来，我们就可以让普通的段落文字以横排的形式呈现啦！
以上就是CSS中让文字横排展示的方法，希望对大家有所帮助。