IE与Firefox换行样式_htmlIE与Firefox换行样式_3c_02html
<!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">
.wrap{
     word-wrap:break-word;  /* firefox */
    /* white-space: pre-wrap; css-3 */  
    /* white-space: -moz-pre-wrap; Mozilla, since 1999 */  
    /* white-space: -pre-wrap;  Opera 4-6 */  
    /* white-space: -o-pre-wrap;  Opera 7 */  
    word-break:break-all; /* IE */
}
</style>
</head>
<body>
<div style="border:solid 1px red;">

<div style="border:solid 1px blue; width:50%; float:left; padding:0;" class="wrap">
Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:Name:
</div>
<div style=" border:solid 1px green; width:48%; float:right; ">
<textarea  style="width:100%; " rows="4"  >
asdfalsdkjfalksjdflaksjdflkajsdflkasdfalsdkjfalksjdflaksjdflkajsdflkasdfalsdkjfalksjdflaksjdflkajsdflkasdfalsdkjfalksjdflaksjdflkajsdflkasdfalsdkjfalksjdflaksjdflkajsdflk
</textarea>
</div>

<br style="clear:both;" /> 
</div>
</body>
</html>