如何适应宽度自动换行?_html/css_WEB-ITnose

	
		
			
aaa
			
dddddddddddddddddddddddddddd
			
		
		
			
aaa
			
dddddddddddddddddddddddddddd
			
		
	

回复讨论(解决方案)

#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

它已经是自适应了。。

            
        
            
                aaa
            
                dddddddddddddddddddd
            
            
        
        
            
                aaa
            
                dddddddddddddddddddddddddddd
            
            
        
    

不是这样子呐~



如果没外层限制

根本不需要用这个了
word-break: break-all;
word-wrap: break-word;

也就没有需要自动换行之说了

HTML code

用js可以解决这问题，但诸多问题，因为我实际应用可能套很多层。


如果用css能解决的话就好了。像这样写死#right width:100px;
就可以达到这样效果。但又不能写死。



引用 7 楼 ci1699 的回复:

不是这样子呐~



如果没外层限制

根本不需要用这个了
word-break: break-all;
word-wrap: break-word;

也就没有需要自动换行之说了

引用 6 楼 zsx841021 的回复:

HTML code

你这个也是写死了宽度。




没看到有多少大网站是自适应的

这问题已完美解决了。

楼主的头像好萌 希望楼主公开一下解决方法 学习学习...

优化了结构。不套层，问题就简单了。
用js也可以、公开处理就ie就不会卡了。

结贴了

楼主的头像好萌 希望楼主公开一下解决方法 学习学习...