檬味博客 » 问答 » css中，div如何限制内部文本自动换行？

css中，div如何限制内部文本自动换行？

1. IE : 在相应位置增加如下样式表定义即可 word-break: break-all;2. FF : Firefox并不像IE那样听话,自从FF的第一个版本至今,仍然没有解决此问题,而上面的方法也不起作用,只能用javascript来控制了,将如下代码放置在需要折行显示的下面即可 javascript:(function(){var D=document; F(D.body)...
css中，div如何限制内部文本自动换行？
废话不多说,解决方法:

1. IE : 在相应位置增加如下样式表定义即可
word-break: break-all;

2. FF : Firefox并不像IE那样听话,自从FF的第一个版本至今,仍然没有解决此问题,而上面的方法也不起作用,只能用javascript来控制了,将如下代码放置在需要折行显示的下面即可

<script language="javascript" type="text/javascript" defer="defer">
javascript:(function(){var D=document; F(D.body); function F(n){var u,r,c,x; if(n.nodeType==3){ u=n.data.search(/\S{10}/); if(u>=0) { r=n.splitText(u+10); n.parentNode.insertBefore(D.createElement("WBR"),r); } }else if(n.tagName!="STYLE" && n.tagName!="SCRIPT"){for (c=0;x=n.childNodes[c];++c){F(x);}} } })();
</script>2008-05-05
我也碰到了同样的问题，不知道怎么解决，后来只好把文字放<textarea></textarea>中间，然后把它的属性设为只读。可以通过设置css美化一下，就好看多了。
示例：定义文本域的类
.area { border:1px solid #F90; overflow:auto; background:#fff right bottom no-repeat; width:99%; height:100px;}
再设置<textarea class="area">文本内容</textarea>就可以了2012-11-22
mengvlog 阅读 36 次 更新于 2025-09-08 16:01:34 我来答关注问题0
2 个回答檬味博客专题活动
  • 文暄生活科普 css中div设置成了圆形,里面的文字溢出了,如何不超出边框,

    1、设置padding值。适当增加padding，留出文字溢出的空间，使文字在容器内自然换行，避免超出div边框。2、应用overflow: hidden属性。此方法最简单，能有效隐藏溢出部分的文字，从而防止超出边框。但同时需配合padding属性，以确保文本内容不会影响到其他元素。最佳实践是结合使用overflow:hidden与padding值。这样...

  • 文暄生活科普 请问大家cssdiv不换行的问题谢谢

    在CSS中，如果你希望让div元素不换行，可以通过设置CSS属性来实现。通常可以通过设置`white-space`属性为`nowrap`来阻止文本或内容在div内自动换行。另外，要确保div的宽高设定合理，以避免由于内容过多而导致的自动换行。还可以通过使用浮动或其他布局技术来调整div的行为。下面我会进行详细解释。详细解释：...

  • 秋雨不解风情 DIV+CSS中<p>标签怎么限制内容高度

    1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的标签中，输入html代码：测试P标签的换行 3、浏览器运行index.html页面，此时超过p标签设置高度的内容不会被显示。

  • 百度网友5e99258cf 如何限制div显示的字数

    如果你不能控制div，你可以在div里面加个span标签，将他的css 的display设为block，然后将上面的css放在style里或者写到css文件里调用也是一样的

  • 投影人生 css如何设置能让一个div元素覆盖在div元素上后下面的div元素中的文字不显示出来

    假设上面div的class为two，下面div的class为one。1、下面的div文字的颜色设置成transparent。.one{ color:transparent;} 2、给上面的div设置背景色。.two{ background-color: fff;}

其他CSS类似问题

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

CSS相关话题

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