请问大家CSS DIV不换行的问题 谢谢

1、我实在不太看得懂主要是什么问题……可能俺太笨了……所以就把可能的回答都写在下面 2、要记住 div 是块元素,本身就是会自动换行的!!所有块元素均会自动换行!!如果你不想 div 换行,那么就给 div 加个 float 属性就行。而内联元素才是不会换行的!~如把你上面的代码改为:Response.wri...
请问大家CSS DIV不换行的问题 谢谢
1、我实在不太看得懂主要是什么问题……可能俺太笨了……所以就把可能的回答都写在下面
2、要记住 div 是块元素,本身就是会自动换行的!!所有块元素均会自动换行!!
如果你不想 div 换行,那么就给 div 加个 float 属性就行。
而内联元素才是不会换行的!~

如把你上面的代码改为:
Response.write "<span class=""yanse"">文字1</span>"
Response.write "<span class=""yanse"">文字2</span>"

这样就不会换行了……

3、你说的那个不会换行,可能你是想说 div 中的内容不会自动换行,这是事实,但对于中文来说,浏览器是会对中文内容做自动换行处理的,但对于其它语言,如:英文,只会对非单词进行换行处理,而对于整个单词是不会把它断开的。

注:第3条所说的前题是,CSS 要对 div 进行宽度设置,浏览器才会处理换行问题。

4、自行处理 div 内容换行,用到:word-break:break-all ; 这属性,如:
CSS:
div{width:50px;border:1px solid #f00;word-break:break-all;}

HTML:
<div>这是内容在要的要以一 有人的的和主就淡要经,顺经的了,杰的了。 </div>
<div>beautiful gril</div>
<div>たにっゅっくてゎゃみまたたぬち</div>
<div>sdfksdfjgkjfkdljgkldfjgjfdiogjlkdjgkldf</div>

这样做后它们就会乖乖的换行了……

以上……2011-01-17
楼主提个问题我看半天,直接发代码和需要改成这样不就行啦!

根据你的要求的话,只用div是很难做到了,你不妨换成
<div class="yanse">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>文字1</td>
</tr>
</table>
</div>
这样应该符合你的要求吧,背景最大,换行在td里换就行了

纯DIV布局会有很多不方便的地方,很多人都喜欢纯div布局而放弃了table,但table是不能完全放弃的,有时候div与table的合理搭配能更有效更简洁的表现页面2011-01-17
按照你这种情况只要在伪类里面加个width:100%就可以了,什么表格不表格的,都一样div也可以100%2011-01-18
div 是block元素,默认自动换行,须转换成span的inline元素或者加display:inline;转换成行内元素,或者用float:left;自动转换成inline-block元素,不懂再问。2011-01-20
好像有点懂你的意思了,
你把div用css设置成内联元素(行内元素)不就行了,看不到背景,用padding挤一下。css:display:inline;2011-01-19
给div设置一个宽度呢
一般这样我都是用表格的2011-01-17
mengvlog 阅读 13 次 更新于 2025-06-20 18:48:27 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

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