日期:2014-05-18  浏览次数:20837 次

asp.net 2.0 如何让div根据内容自动显示水平垂直滚动条?
如题,给点提示

------解决方案--------------------
HTML code

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>

<p>这个是横向滚动,兼容ie与 ff</p>

<div style="color: blue; background-color: white; border: green solid 1px;overflow:scroll;width:160;height:160;<!--[if IE]>display:inline;<![endif]-->"><nobr>
接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分
</nobr>
</div>


<p>这个不兼容ff</p>

<div style="color: blue; background-color: white; border: green solid 1px;overflow:scroll;width:160;height:160;display:inline;"><nobr>
接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分
</nobr>
</div>

<p>这个是纵向滚动</p>

<div style="color: blue; background-color: white; border: green solid 1px;overflow:scroll;width:160;height:160;<!--[if IE]>display:inline;<![endif]-->">
接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分
接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分
接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分接分
</div>

</body></html>

------解决方案--------------------
很简单:
用style
div style="overflow:auto;" div中的内容超长时,自动出来
水平:overflow_x

垂直:overflow_y