css强制不换行

Posted 2023-03-14

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css强制不换行相关的知识，希望对你有一定的参考价值。

参考技术A

css强制不换行：

white-space: nowrap;

<!DOCTYPE html>

<html>

<head>

<style>

body

background-color: #00FFFF;

div

width: 300px;

white-space: nowrap;

background-color: #007AFF;

color: #FFFFFF;

</style>

</head>

<body>

<div>

AAAAAAAAAAAAAAAAAAAAAAAAAAAA

BBBBBBBBBBBBBBBBBBBBBBBBBBBB

CCCCCCCCCCCCCCCCCCCCCCCCCCCC

DDDDDDDDDDDDDDDDDDDDDDDDDDDD

</div>

</body>

</html>

强制不换行
div{
white-space:nowrap;
}
 
 
自动换行
div{ 
word-wrap: break-word; 
word-break: normal; 
}
 
 
强制英文单词断行
div{
word-break:break-all;
}

以上是关于css强制不换行的主要内容，如果未能解决你的问题，请参考以下文章