您的位置：首页 > Web前端 > CSS

css基础2

2015-08-04 19:12 537 查看
由于在无序排列中<ul></ul><li></li>都是块级元素都会自动换行

如图所示：



从而达不到我们想要的效果

以下为解决这一问题的方案，怎样将标题横向排列？

<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.j{
list-style-type: none;
}
ul li{
display: inline;
}
</style>
</head>
<body>
<div>
<ul class="j">
<li>首页</li>
<li>管理员</li>
<li>登陆</li>
</ul>
</div>
</body>
</html>

如图所示：


这样问题就解决了
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航