永发信息网

DIV+CSS 如里在里面自动分行!

答案:5  悬赏:0  手机版
解决时间 2021-02-18 07:08
DIV+CSS 如里在里面自动分行!我用CSS样式在DIV里制作了一行两列,
把两个的宽度都设置了400像素,但我在其中一列中输入了文子,超过了
这个列的宽度,它就不能像表格一样自动换行了!请哪位高手大侠帮帮
小弟吧,非常感谢谢,或都哪里有关于DIV+CSS的视频教程!!
最佳答案
DIV 设置了宽度 是能自动分行的。
也就是说 如果你设置div宽度正确的话(width:400px;),那么里面的文字如果超过400PX 就会自动分行。
如果不自动分行有只有一种原因。
就是你在输入的时候是输入的3楼一样的整串数字或者整串字母。

默认的整串数字或者整串字母都被DIV 视为一个单词,所以一个单词是不允许分行显示的。

设置width:400px 然后在里面输入汉字,或者有规律的正确的单词。是能自动分裂的。

IE 和FF 里面 没有不能分行的BUG !!
全部回答
同意楼上的
发代码上来看看。
是指隔行变色么?可以用伪类实现 tr{background:white;} tr:nth-child(2n-1){background:black;}
1.你定死表格的宽度,即给表格一个宽度值(是数值,不是百分比) 2.强制不换行 div{ //white-space:不换行;normal 默认;nowrap强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 white-space:nowrap; } 自动换行 div{ word-wrap: break-word; //word-break设置强行换行;normal 亚洲语言和非亚洲语言的文本规则,允许在字内换行 word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } 3.总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。 table{table-layout: fixed;} td(word-break: break-all; word-wrap:break-word;) 注释一下: 1.第一条table{table-layout: fixed;},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。 2.td{word-break: break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句(word-wrap:break-word;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。 (1)语法: word-break : normal | break-all | keep-all 参数: normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行 break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本 (2)语法: word-wrap : normal | break-word 参数: normal :  允许内容顶开指定的容器边界 break-word :  内容将在边界内换行。如果需要,词内换行(word-break)也行发生 说明: 设置或检索当当前行超过指定容器的边界时是否断开转行。 对应的脚本特性为word-wrap。请参阅我编写的其他书目。 (3)语法: table-layout : auto | fixed 参数: auto :  默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢 fixed :  固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关 说明: 如何让表格自动换行? 设置或检索表格的布局算法。 对应的脚本特性为tableLayout。 4.按照网上大多数文章的说法,只要在CSS中加入: 代码 .......... Code: table {
table-layout:fixed;word-break:break-all;word-wrap:break-word;}
div{word-break:break-all;word-wrap:break-word;} 就可以解决表格和层被撑破,最初我也是这样做的。不过这样的代码会造成一个问题,你会发现英文词全部被截断了,这不符合英语的书写习惯也不利于阅读。 后来我发现上述代码改写一下就可以做到既防止表格/层撑破又防止单词断裂了。 如下: 代码 Code: table { table-layout: fixed; word-wrap:break-word; } div { word-wrap:break-word; } 这也是现在我用的代码。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
刷空间访问量,到底会不会被封?说说你们的情
大众桑塔纳价格走势 全新桑塔纳多少钱
三菱电机(厦门思明)体验中心在什么地方啊,我
新买的手机,如何才能支持微信支付呢?就是那
如果15周岁的男生每天跳绳1000个大概会长多高
黄记面馆在哪里啊,我有事要去这个地方
客厅横梁压顶怎么化解
从钦州出发到海安粤北港近,还是海安港近
怎么样让开除的学生重新回到学校
那雪白的海潮啊,夜夜奔来 一次次漫湿了我枯
导尿管堵塞的原因有那些?
后腰堡地址在什么地方,想过去办事
我下载的微信是拼音怎么办
7.5KW电机配什么接触器和热继电器
灵光寺26签怎么解?
推荐资讯
that that that that that 什么意思
对他感觉时有时无
你好 我是今年被 山东水利职业学院 录取的 工
【毛遂自荐的主人公】毛遂自荐的主人公是谁
双色球中三个号多少钱
龙回头怎么去啊,有知道地址的么
家燕的种群现状
皇鑫名车维修中心这个地址在什么地方,我要处
为什么以文言文两则为题
找《侦探学园Q》的漫画下载,最好是迅雷的,
长相达到上上了吗
柏拉蒙有机鲜奶吧(安康店)怎么去啊,有知道地
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?