html中取消無序列表換行


1可以在css中采用float:left;(適合於文字和圖片)

2也可以在css中用diaplay:inline;(此方法不會屏蔽用<div>塊設置的顏色,且適合於文字).

如:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
li{display:inline; margin-left:10%;}
ul{list-style-type:none;}
</style>
<title>無標題文檔</title>
</head>

<body>
<div style="">
<ul>
<ul>
<li><a href="http://dzzw.jsjyt.edu.cn/col/col7421/index.html">新聞資訊</a></li>
<li><a href="http://dzzw.jsjyt.edu.cn/col/col7662/index.html">領導講話</a></li>
<li><a href="http://dzzw.jsjyt.edu.cn/col/col7426/index.html">成果展示</a></li>
<li><a href="http://www.jsjyt.gov.cn">行政公文</a></li>
<li><a href="http://dzzw.jsjyt.edu.cn/col/col7431/index.html">江蘇教育網</a></li>
<li><a href="http://www.jse.gov.cn">江蘇教育信息網</a></li>
</ul>
</ul>
</div>
</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM