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