IE与Firefox换行样式
时间：2010-09-26 来源：吴X
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html
<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>
相关阅读 更多 +
