如何适应宽度 自动换行?_html/css_WEB-ITnose
aaaddddddddddddddddddddddddddddaaadddddddddddddddddddddddddddd
上面有没css的解决方案?
用js来适应的话过于复杂了,因为可能套很多层、加上如很多要处理的话,一大批操作ie会吃不消。
回复讨论(解决方案)
#list {
width:200px;
}
由于你最外层已经限定了宽度。。。
#list {
width:200px;
}
由于你最外层已经限定了宽度。。。
所以没办法把外层撑开只能word-break
这个是外面的没关系,
现在需要效果是里面的left 与right两块并列一行显示
#list {
width:200px;
}
由于你最外层已经限定了宽度。。。
引用 1 楼 zsx841021 的回复:
#list {
width:200px;
}
由于你最外层已经限定了宽度。。。
所以没办法把外层撑开只能word-break
它已经是自适应了。。
那需要left 与right两块并列一行显示,需要怎么写法?
引用 2 楼 zsx841021 的回复:
引用 1 楼 zsx841021 的回复:
#list {
width:200px;
}
由于你最外层已经限定了宽度。。。
所以没办法把外层撑开只能word-break
它已经是自适应了。。
aaaddddddddddddddddddddaaadddddddddddddddddddddddddddd
是这样的效果吗?。。最外层没有规定宽度。。
不是这样子呐~
如果没外层限制
根本不需要用这个了
word-break: break-all;
word-wrap: break-word;
也就没有需要自动换行之说了
HTML code
不是这样子呐~
如果没外层限制
根本不需要用这个了
word-break: break-all;
word-wrap: break-word;
也就没有需要自动换行之说了
引用 6 楼 zsx841021 的回复:
HTML code
…
如果限制最外层宽度。。。里层在超过的时候会被自动换行的。。要不然就用JS。。外层的宽度根据里层的宽度再改变。。但总觉得还是不行。。这样的话就等于没有设置外层宽度了。。
这个是外面的没关系,
现在需要效果是里面的left 与right两块并列一行显示
引用 1 楼 zsx841021 的回复:
#list {
width:200px;
}
由于你最外层已经限定了宽度。。。
这个你给最外层加个背景色就看出来了。。。
用js可以解决这问题,但诸多问题,因为我实际应用可能套很多层。
如果用css能解决的话就好了。像这样写死#right width:100px;
就可以达到这样效果。但又不能写死。
引用 7 楼 ci1699 的回复:
不是这样子呐~
如果没外层限制
根本不需要用这个了
word-break: break-all;
word-wrap: break-word;
也就没有需要自动换行之说了
引用 6 楼 zsx841021 的回复:
HTML code
…
你这个也是写死了宽度。
没看到有多少大网站是自适应的
这问题已完美解决了。
楼主的头像好萌 希望楼主公开一下解决方法 学习学习...
优化了结构。不套层,问题就简单了。
用js也可以、公开处理就ie就不会卡了。
结贴了
楼主的头像好萌 希望楼主公开一下解决方法 学习学习...
推荐阅读
-
HTML如何让IMG自动适应DIV容器大小的实现方法
-
如何设置HTML页面自适应宽度的table(表格)(一)
-
如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
请教大牛!HTML中TEXT内如何让空格与普通字符宽度一样?_html/css_WEB-ITnose
-
写一个表格,如何让他显示10秒后自动哦你消失_html/css_WEB-ITnose
-
一个已经完成的PC网站,如何快速改造,让它能适应平板、手机等不同分辨率?_html/css_WEB-ITnose
-
请教大牛!HTML中TEXT内如何让空格与普通字符宽度一样?_html/css_WEB-ITnose
-
如何让父元素自适应子元素的大小?_html/css_WEB-ITnose
-
如何让父元素自适应子元素的大小?_html/css_WEB-ITnose