檬味博客 » 问答 » div+css中怎样实现文字自动换行

div+css中怎样实现文字自动换行

DIV+CSS最主要的是解决各浏览器之间的BUGhttp://www.blueidea.com/tech/web/2006/3469.asp希望对你有所用CSS代码：#wrap{white-space:normal; width:200px; }或者wrap{word-break:break-all;width:200px;}DIV代码：ddd1111111111111111111111111111111111效果：文字自动换行。
div+css中怎样实现文字自动换行
这里给你一个地址.可以去看看针对不同浏览器的不同设置方法.
DIV+CSS最主要的是解决各浏览器之间的BUG

http://www.blueidea.com/tech/web/2006/3469.asp

希望对你有所用2011-11-09
CSS代码：#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}
DIV代码：<div >ddd1111111111111111111111111111111111</div>

效果：文字自动换行。
word-break:break-all;代码起主要作用，如果没有这段代码，超出部分会自动隐藏掉，对用户体验很不好。2015-07-11
div定义宽度，文字会自动换行。如果是数字或者是英文字母的话一般不会自动换行。用word-wrap:break-word;实现强制断行。或者用overflow:hidden 把超出边界的字符隐藏2011-11-09
纯div css的话不好自动换行吧
最多可以超过隐藏 overflow:hidden2011-11-09
float:left;2011-11-13
亲，给要换行的文字后面加上<br/>标签就可以实现文字的自动换行了2015-05-17
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制不换行
div{
white-space:nowrap;
}

每段缩进
p{
text-indent:2em;
}2015-07-01
mengvlog 阅读 46 次 更新于 2025-10-31 00:39:41 我来答关注问题0
7 个回答檬味博客专题活动
  • 惠企百科 div+css中怎样实现文字自动换行?

    div+css中实现文字自动换行代码如下：1、CSS代码：#wrap{white-space:normal; width:200px; }。2、DIV代码：ddd1111111111111111111111111111111111。可以实现文字自动换行。在Microsoft Excel软件单元格中，如果文本过长，则超出列宽以外的文本将被隐藏起来。为了在保持列宽一定的情况下显示出单元...

  • 为你守備 div+css中怎样实现文字自动换行

    亲，给要换行的文字后面加上标签就可以实现文字的自动换行了

  • 百度网友7ee7674fe div 加 css 中怎么实现 左边是图片 右边是文字 且文字可以自动换行 不用浮动 和 margin 负数

    .main img{ vertical-align:middle; float:left; width:640px; height:320px;} 文字区域 以上方式已经按照你所说的，左边是图片，右边是文字，文字自动换行，并且环绕图片实现效果；主要标签有：vertical-align:middle;使其...

  • heart永昌不败 怎样在div中实现文字自动换行

    在CSS代码中加入 word-wrap:break-word; 实现自动换行无自动换行AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA自动换行BBBBBBBBBBBBBBBB...

  • 腾云新分享 如何实现在div里面编辑文字的效果

    在网页设计中，实现div中的文本编辑效果是一项常见需求。要实现这一功能，只需将div的contenteditable属性设置为true即可。这样一来，用户就可以直接在div中编辑文本，而无需跳转到其他页面或界面。设置contenteditable属性的具体步骤如下：首先，在HTML中创建一个div元素，为其添加id或其他属性以便于后续操作。

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部