日期:2014-05-17  浏览次数:20546 次

通过CSS样式,实现div文本的自动换行
通过CSS样式,实现div文本的自动换行

下面是CSS样式代码
.MainOtherInfo {PADDING-RIGHT: 1px; DISPLAY: block; PADDING-LEFT: 1px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; LINE-HEIGHT: 1.8; PADDING-TOP: 5px; TEXT-ALIGN: center}
.MainOtherInfo UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.MainOtherInfo LI {FLOAT: left;WIDTH: 95px;}

html代码举例,
<div class="MainOtherInfo">
<UL>
<LI><a href=article/AritcleList/list_1.html>ORACLE(6)</a></LI>
<LI><a href=article/AritcleList/list_6.html>MSQL(4)</a></LI>
<LI><a href=article/AritcleList/list_7.html>SYBASE(2)</a></LI>
<LI><a href=article/AritcleList/list_8.html>DELPHI(10)</a></LI>
<LI><a href=article/AritcleList/list_9.html>JAVA(11)</a></LI>
<LI><a href=article/AritcleList/list_10.html>C#(4)</a></LI>
<LI><a href=article/AritcleList/list_11.html>ASP(1)</a></LI>
<LI><a href=article/AritcleList/list_13.html>JSP(4)</a></LI>
<LI><a href=article/AritcleList/list_23.html>ANDROID(1)</a></LI>
<LI><a href=article/AritcleList/list_41.html>下载专区(10)</a></LI>
<LI><a href=article/AritcleList/list_42.html>模板(5)</a></LI>
<LI><a href=article/AritcleList/list_52.html>电子书(11)</a></LI>
</UL>
</div>




本文地址:http://www.xszlo.com/article/2012-11-29/7534.html,转发请保留这个地址,谢谢