关于div文字过长，换行的问题

David_jiahuan 2017-12-06 05:28:21

大的div中嵌套了三个竖着摆放的小div；
第一个小div中的文字由于字体大，字超出了div的长度；
但是换行后没有在本div中显示，却在第二个div中显示了，想知道这个是怎么引起了呢？
谢谢大家了！

...全文

404 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

David_jiahuan 2017-12-07

打赏
举报

回复

引用 1 楼 jslang 的回复:

你 line-height 设置那么大，第二行当然跑下面去了。 line-height只适合单行文本垂直剧中，多行文本垂直剧中不适用。

谢谢！

天际的海浪 2017-12-06

打赏
举报

回复

你 line-height 设置那么大，第二行当然跑下面去了。 line-height只适合单行文本垂直剧中，多行文本垂直剧中不适用。

DIV 文字可以换行但是纯数字和字母不可以换行解决方案

一个div可自行编辑，任意输入文字可自动换边且不变形

本课程是带领大家学习Pc端网页、app、小程序的布局以及样式添加，学完本课程，大家可以对任意网页实现布局，思路清新。课程简介：1，html5编辑器的介绍和使用2，块标签3，内联标签4，超链接和锚点5，12种选择器6，颜色7，单位8，css属性9，盒模式10，div布局11，内容图片12，布局图片13，用户交互图片14，字体15，表单16，表格17，浮动18，定位19，内联框架20，搜索引擎优化21，实战案例

自动换行问题，正常字符的换行是比较合理的，而连续的数字和英文字符常常将容器撑大，挺让人头疼。下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 复制代码代码如下: 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义 css 复制代码代码如下: #wrap{white-space:normal; width:200px; } 1.（IE浏览器）连续的英文字符和

其实很简单，代码如下所示，注意 Style：复制代码代码如下: <div class=”detail_title” xss=removed><%=StringUtil.toHTML(title) %>div> 默认情况下，一个 DIV或者其他元素的文本，如果都是无文字分隔符，无空格，则不会自动换行，比如: 复制代码代码如下: <div class=”detail_title” xss=removed>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章