div布局ul时，竖向转横向

时间：2019-09-21 11:30:54 收藏：0 阅读：75

<html>
<head>
<meta charset="UTF-8">
 <title >Css学习</title>
                             <!-- 此处的style1.css已无作用-->
    <link rel="stylesheet" href="style1.css" />
    <!--display改为inline即可，height是没改前的高度-->
    <style>
        #menu li{
            display: inline; height: 0rem;
        }
    </style>
</head>
<body >
<div id="menu">
 <ul>
     <li><a href="C:/Users/MrLi/Desktop/HTML/918.html">首页</a></li>
     <li><a href="#">百度一下</a></li>
     <li><a href="#">学习首页1</a></li>
     <li><a href="#">学习首页2</a> </li>
 </ul>

</div>

</body>
</html>
----------------------------------------------------------


未转前

技术分享图片

转后
技术分享图片

原文：https://www.cnblogs.com/liyunchuan/p/11561247.html