首頁 > web前端 > html教學 > html中設定讓div中的內容超出後自動顯示捲軸範例分析

html中設定讓div中的內容超出後自動顯示捲軸範例分析

高洛峰
發布: 2017-03-06 17:15:10
原創
2079 人瀏覽過

html中如何設定超出部分自動顯示捲軸,下面為大家詳細介紹下讓p中的內容超出後自動顯示滾動條具體實現,有興趣的朋友不要錯過 在html頁面中,我們有時需要讓p中的內容超出後自動顯示滾動條,我們可以這樣設定:

程式碼如下:

<p class="classlist"> 
<p class="autoScroll"> 
<asp:RadioButtonList ID="rblClasses" runat="server" DataTextField="className" DataValueField="classID" 
ForeColor="#FF4040"> 
</asp:RadioButtonList> 
<asp:ImageButton ID="imgSure" runat="server" ImageUrl="~/images/c_sure.jpg" /> 
<asp:ImageButton ID="imgClose" runat="server" ImageUrl="~/images/c_close.jpg" /> 
</p> 
</p>
登入後複製


#然後,樣式中這樣設定:

程式碼如下:

<style type="text/css"> 
.classlist 
{ 
width: 300px; 
height: 20px; 
} 
.autoScroll 
{ 
width:300px; 
height:100px; 
overflow:auto; 
} 
#rblClasses 
{ 
margin-left: 20px; 
} 
</style>
登入後複製


設定後,當radiobutton中顯示的內容超出最外圍的p時,將自動顯示捲軸,即嵌套p

更多html中設定讓div中的內容超出後自動顯示捲軸範例分析相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板