您现在的位置是：网站首页> 编程资料编程资料

css固定宽度并且让最后一行文字换行CSS控制文字换行、裁剪css控制文字自动换行的实现方法html、css 禁止文字自动换行属性word-breakdiv+CSS设置一行内文字超过宽度不换行且不显示截断文字加...css 解决英文字符与阿位伯数字自动换行 css是如何实现在页面文字不换行、自动换行、强制换行的方法

2021-09-07 1213人已围观

简介在固定宽度的块级元素中，里面的内容最后一词组在宽度不够的情况下没有换行，如何让它换到下一行,这个问题一直很是疑惑，接下来介绍解决方法，感兴趣的朋友可以了解下哦

今天群里有人问了个问题：在固定宽度的块级元素中，里面的内容最后一词组在宽度不够的情况下没有换行，如何让它换到下一行？这里我整理了下群里的方法，分享给大家。
首先给出问题，截图如下：

html 代码：

复制代码

代码如下:

固定宽度文字换行

我们可以看出第一行和第二行由于宽度不够导致词组断开了。
解决此问题有两种方法。
方法一：display:inline-block;
html 代码：

复制代码

代码如下:

固定宽度文字换行

方法二：float:left;white-space:nowrap;
html 代码：

复制代码

代码如下:

固定宽度文字换行

测试的浏览器：ie6,ie7,ie8,firefox,google,safari,opera