?? ??? ? <div class="public-head">?? ??? ? ?? ?<div class="public-container">?? ??? ? ?? ??? ?<div class="public-logo"><a href=""></a></div>?? ??? ? ?? ??? ?<ul class="header-nav">?? ??? ? ?? ??? ??? ?<li><a class="item">首頁</a></li>?? ??? ? ?? ??? ??? ?<li><a class="item">設備油脂</a></li>?? ??? ? ?? ??? ??? ?<li><a class="item">切消夜</a></li>?? ??? ? ?? ??? ??? ?<li><a class="item">沖壓拉伸油</a></li>?? ??? ? ?? ??? ??? ?<li><a class="item"></a></li>?? ??? ? ?? ??? ??? ?<li><a class="item"></a></li>?? ??? ? ?? ??? ??? ?<li><a class"item"></a></li>?? ??? ? ?? ??? ??? ?<li><a class="item"></a></li>?? ??? ? ?? ??? ?</ul>?? ??? ? ?? ?</div>?? ??? ? </div>.public-head{?? ?height:136px;?? ?width:1920px;?? ?background: #f5f6f8;}.public-head .public-logo{?? ?float: left;?? ?height: 54px;?? ?width:254px;?? ?background: url(../img/public-logo.png);?? ?margin-top: 64px;?? ??? ?margin-bottom: 20px;}.public-head .header-nav{?? ??? ?list-style: none;?? ?}.public-head .header-nav .item{?? ??? ?margin-top: 94px;?? ?margin-left: 52px;?? ?font-size: 18px;?? ?color: #333333;}怎么讓li標簽里的一行顯示？
4 回答
yuanfengjituan
TA貢獻20條經(jīng)驗 獲得超7個贊
這樣的效果？是的話加樣式：
.public-head .header-nav >li {
? ? display: inline-block;
}?
yuanfengjituan
TA貢獻20條經(jīng)驗 獲得超7個贊
不太明白你的表達；
是不是要所有的li在一行顯示；可以用display：float；或者display：inline-block；
-
似情之情對 就是在一行顯示。。。li標簽里面的內(nèi)容 一行顯示。。但是我的代碼不是一行，不知怎么改，
victory_jack
TA貢獻7條經(jīng)驗 獲得超5個贊
li 標簽是不能分開用的，<ul><li></li></ul>這樣是一起使用 的，它的作用就是以列表的樣式顯示信息，li是每一項的內(nèi)容，在li里可以加樣式，默認情況下li 前邊顯示的是個黑點，并以列式顯示。
- 4 回答
- 0 關(guān)注
- 1861 瀏覽
添加回答
舉報
0/150
提交
取消