Linux 拨号vps windows公众号手机端

css文字不换行怎么实现

lewis 6年前 (2019-03-16) 阅读数 7 #程序编程
文章标签 csscss文字不换行

可以使用CSS的white-space属性来控制文字不换行。

例如,如果想让一整行文字不换行,可以这样写:

.no-wrap {
white-space: nowrap;
}

然后在HTML中使用该类名即可:

<p class="no-wrap">这是一整行文字不换行这是一整行文字不换行这是一整行文字不换行</p>

如果想让某个元素内的文字不换行,可以这样写:

.no-wrap {
white-space: nowrap;
}
<div class="no-wrap">
<p>这是一整行文字不换行这是一整行文字不换行这是一整行文字不换行</p>
</div>

这样,<p>元素内的文字就不会换行了。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门