社区
JavaScript
帖子详情
div自动换行
yfgcq
2007-10-13 02:18:50
str="中国zhongguo"
想把这字符串每个字符(不管是汉字、字母或数字)按照纵向排列在DIV里
现在我这样处理,在str里每个字符之间加个br,
<div<br>国<br>z<br>h<br>o<br>n<br>g<br>g<br>u<br>o<br></div>
想这样处理换行,但这样感觉不好
word-break:break-all对中文字能自动换行,但是英文就不能了
想请教下还有其他好点的办法换行没?
...全文
1082
6
打赏
收藏
div自动换行
str="中国zhongguo" 想把这字符串每个字符(不管是汉字、字母或数字)按照纵向排列在DIV里 现在我这样处理,在str里每个字符之间加个br, <div国zhongguo 想这样处理换行,但这样感觉不好 word-break:break-all对中文字能自动换行,但是英文就不能了 想请教下还有其他好点的办法换行没?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
volezbin
2007-10-15
打赏
举报
回复
word-wrap wordWrap 设置或获取当内容超过其容器边界时是否断词。
volezbin
2007-10-15
打赏
举报
回复
样式标签属性 样式属性 描述
word-break wordBreak 设置或获取单词内的换行行为,特别是对象中出现多语言的情况。
word-spacing wordSpacing 设置或获取对象中单词间的附加空间总量。
yfgcq
2007-10-15
打赏
举报
回复
<div style="width:1px;word-wrap:break-word" >中国zhongguo </div >
这个在IE里面能行,但在firefox或者opera里, 这段zhongguo 不能换行?
喜受写代码的小强
2007-10-13
打赏
举报
回复
word-wrap:break-word;
------
正确
HonorsOffice
2007-10-13
打赏
举报
回复
word-wrap:break-word;
nicholsky
2007-10-13
打赏
举报
回复
用word-wrap:break-word
<div style="width:1px;word-wrap:break-word">中国zhongguo</div>
可编辑并且能够
自动换行
的
div
一个
div
可自行编辑,任意输入文字可自动换边且不变形
DIV
CSS 图片
自动换行
DIV
CSS 图片
自动换行
图片带鼠标效果
html中
div
不
自动换行
、强制不换行的具体实现
1.用
标签实现不换行 复制代码代码如下: <
div
>Hello world!
Hello world!
div
> 2.用<用nowrap元素>标签 复制代码代码如下: <
div
>Hello world! Hello world! Hello world! Hello world!
div
> 3强制不换行 复制代码代码如下:
div
{ white-space:nowrap; } 4.如果是两个
div
,可使用float实现不换行 复制代码代码如下: <
div
class=”class1″>hello
div
> <
div
cla
字体超过
div
范围
自动换行
字体超过
div
范围
自动换行
html内容超出了
div
的宽度如何换行让内容
自动换行
在工作中评论内容测试遇到评论着的评论内容为:“dddddddddddddddddddddddddddddddddddddddddddddddddd”,错误的评论,在显示评论列表的时候因为有固定宽,但是显示的内容超出的了
div
的宽,在这种情况下我们需要添加css为: 复制代码代码如下: word-wrap:break-word; word-break:break-all; overflow: hidden;/*这个参数根据需要来绝对要不要*/
JavaScript
87,909
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章