UC知道divcss各位看看这个是我做的一个设计BOX的角为圆角的例子，好奇怪啊
来源：百度知道 编辑：UC知道 时间：2024/06/02 11:54:46
divcss各位看看这个是我做的一个设计BOX的角为圆角的例子，好奇怪啊，这里省略了图片。为什么 第2，3个P不会自动换行呢 ，本来把 box设置为360PX，但是不会换行的P把BOX撑的老大，本来已经设置了BOX啊。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>圆角</title>
<style type ="text/css">
*{margin :0;padding :0;}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;
}
#box{
width:360px;
background:#666666 url(../shiyan/image/bottom.gif) no-repeat left bottom ;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>圆角</title>
<style type ="text/css">
*{margin :0;padding :0;}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;
}
#box{
width:360px;
background:#666666 url(../shiyan/image/bottom.gif) no-repeat left bottom ;
}
那是因为你写的连续的英文字母，在这种情况下是不会自动换行的，你需要按照平时写英文的写法就是写一个单词空一格，那样就会自动换行了。而中文默认的是自动换行的。还有2楼写的那两个属性只有IE支持，在其它浏览器里无效。所以推荐你按照正规的方式写英文或者换为中文。
给 p 标签添加样式
word-wrap:break-word; word-break:break-all;
word-wrap和word-break的区别：
word-wrap是控制换行的。
使用break-word时，是将强制换行。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。
break-word是控制是否断词的。
normal是默认情况，英文单词不被拆开。
break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。
keep-all，是指Chinese, Japanese, and Korean不断词。即只用此时，不用word-wrap，中文就不会换行了。
你把那些英文换成中文就可以了。因为英文字符和中文字符，如果想要英文自动断行的话，必须使用规范的英语书写，乱写的英文字符的话则不会自动换行
fdsa
5