css一个奇怪的小问题_html/css_WEB-ITnose
程序员文章站
2024-04-06 13:30:37
...
我在做一个三列布局,简单要求整体居中,然后左右两列固定宽度,中间一列自适应。
然后我的代码是这个
现在看起来没有问题。在.lfet .center .right中添加文字都没有什么问题,显示都很正常有自动换行,也没有撑开.center的宽度;但是在它们里面添加“ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss”的时候问题就来了,不会自动换行啊。虽然宽度没有被撑开,但是内容跑出去啦。 这是怎么一回事啊。。十分不解,为什么里面是正常的内容就会自动换行,一串字符串就GG了呢。 网页有智能了吗!! 啊 细思极恐啊
可以这样理解不,如果我放进去的是“sssssssssssssssssssssssssss”(本意是想放字符letter) 因为没有空格,所以浏览器默认以为是一个单词(word)所以浏览器选择显示完这个word。就跟leeter-spacing和word-spacing感觉一样
然后我的代码是这个
三列布局
现在看起来没有问题。在.lfet .center .right中添加文字都没有什么问题,显示都很正常有自动换行,也没有撑开.center的宽度;但是在它们里面添加“ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss”的时候问题就来了,不会自动换行啊。虽然宽度没有被撑开,但是内容跑出去啦。 这是怎么一回事啊。。十分不解,为什么里面是正常的内容就会自动换行,一串字符串就GG了呢。 网页有智能了吗!! 啊 细思极恐啊
回复讨论(解决方案)
你放进去的是非正常的字符串,浏览器不知道你会在什么地方换行,所以就不换行了
你放进去的是非正常的字符串,浏览器不知道你会在什么地方换行,所以就不换行了
可以这样理解不,如果我放进去的是“sssssssssssssssssssssssssss”(本意是想放字符letter) 因为没有空格,所以浏览器默认以为是一个单词(word)所以浏览器选择显示完这个word。就跟leeter-spacing和word-spacing感觉一样
是的,换行应在单词分界出
把单词切断的话,应在切断出加连字符
由于各语种的切词规则不尽相同,所以浏览器不能做处理。但专业的排版软件都可以做到
.center{
word-break: break-all;
}
推荐阅读
-
float的一点想法_html/css_WEB-ITnose
-
css一个奇怪的小问题_html/css_WEB-ITnose
-
DIV和CSS排版中制作细线条的几种方法(转)_html/css_WEB-ITnose
-
开发一个基于纯网页的棋牌游戏,需要掌握那些技术?_html/css_WEB-ITnose
-
用DIV+CSS的网页布局对SEO的好处_html/css_WEB-ITnose
-
关于div和iframe显示的问题_html/css_WEB-ITnose
-
纹理素材怎么用?来看这20个用纹理做背景的优秀网站(上)_html/css_WEB-ITnose
-
周末苦逼码代码,为css3的强大所颤抖了_html/css_WEB-ITnose
-
CSS魔法堂:说说Float那个被埋没的志向_html/css_WEB-ITnose
-
HTML/CSS实现的一个列表页_html/css_WEB-ITnose