css文字过长显示的几种方案

发布网友 发布时间:2022-04-20 10:09

我来回答

1个回答

热心网友 时间:2022-04-28 15:56

1、默认情况,它是自动换行的;

2、设置文字不换行white-space:nowrap;,强行撑开;

3、如果不希望容器被撑开,那就给文字加省略号:

<style type="text/css">
.divbox{ width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
</style>
</head>

<body>
<div class="divbox">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>
</body>

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com