html style自动换行,如何适应宽度自动换行?_html/css

aaa

dddddddddddddddddddddddddddd

aaa

dddddddddddddddddddddddddddd

上面有没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

它已经是自适应了。。

aaa

dddddddddddddddddddd

aaa

dddddddddddddddddddddddddddd

是这样的效果吗？。。最外层没有规定宽度。。

不是这样子呐~

如果没外层限制

根本不需要用这个了

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;

}

由于你最外层已经限定了宽度。。。

这个你给最外层加个背景色就看出来了。。。

无标题文档

dsafsdfasdf

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

如果用css能解决的话就好了。像这样写死#right width:100px;

就可以达到这样效果。但又不能写死。

引用 7 楼 ci1699 的回复:

不是这样子呐~

如果没外层限制

根本不需要用这个了

word-break: break-all;

word-wrap: break-word;

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

引用 6 楼 zsx841021 的回复:

HTML code

…

你这个也是写死了宽度。

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

这问题已完美解决了。

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

优化了结构。不套层，问题就简单了。

用js也可以、公开处理就ie就不会卡了。

结贴了

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

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：php中文网

html style自动换行,如何适应宽度自动换行?_html/css_WEB-ITnose相关推荐

td自动换行：设置table布局固定，td根据设定宽度自动换行
在table中,因为mou一列内容太多,导致其他列的宽度空间被占用,导致整个布局十分不好看. 如果能将内容过多的那列,设置一个固定宽度,然后强制让它自动换行,问题就迎刃而解了. 给内容过多的那列添加一 ...
css文字超出宽度自动换行
CSS文字超出宽度自动换行[转] word-wrap:break-word; word-break:break-all; overflow: hidden;/*这个参数根据需求来决定要不要*/ 目录 ...
css中实现字符超出宽度自动换行和英语字符不断行的解决方法
为了使英语字符不断开,我在显示内容的style是text-align:justify; text-justify:inter-ideograph.可是这样子在后台添加内容时,如果不是键盘输入的,而是c ...
html字体变大自动换行,网页css中实现字符超出宽度自动换行和英语字符不断行的解决方法...
需求: 为了使英语字符不断开,我在显示内容的style是text-align:justify; text-justify:inter-ideograph.可是这样子在后台添加内容时,如果不是键盘输入的 ...
CSS设置超出指定宽度自动换行
一.背景最近项目中有用到在div中显示用户反馈的信息,是指定宽度的div,超出要自动换行,开始写好后感觉应该没什么问题,后来自己随便输入测试数据的时候发现:如果是纯字母或者是纯数字就会出现超出了也不 ...
StaticLayout 超出宽度自动换行
private void drawText(Canvas canvas){canvas.save();int w = (int) (mWidth - pieWidth*2);canvas.drawCi ...
span 文本内容超过宽度自动换行
span{word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;over ...
html span 宽度自动换行,span 文本内容超过宽度自动换行
span{word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;over ...
CSS pre中josn超出宽度自动换行
{word-break: break-all; // 按字符截断换行 /* 支持IE和chrome,FF不支持*/word-wrap:break-word; // 按英文单词整体截断换行 /* 以上三 ...

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

html style自动换行,如何适应宽度自动换行?_html/css_WEB-ITnose相关推荐

最新文章

热门文章