第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

內(nèi)聯(lián)-阻止列表項(xiàng)之間的空格

內(nèi)聯(lián)-阻止列表項(xiàng)之間的空格

蝴蝶不菲 2019-06-29 18:00:28
內(nèi)聯(lián)-阻止列表項(xiàng)之間的空格為什么內(nèi)聯(lián)塊列表項(xiàng)目中有一個空格?無論我如何把我的列表項(xiàng)目變成菜單,我總是有空格。li {  border: 1px solid black;  display: inline-block;  height: 25px;  list-style-type: none;  text-align: center;  width: 50px;}ul {  padding: 0;}<ul>    <li>One</li>    <li>Two</li>    <li>Three</li></ul>
查看完整描述

3 回答

?
臨摹微笑

TA貢獻(xiàn)1982條經(jīng)驗(yàn) 獲得超2個贊

我見過這個,以前也回答過:

進(jìn)一步研究我發(fā)現(xiàn)inline-block是與空格相關(guān)的方法,并且依賴于字體設(shè)置。在本例中,呈現(xiàn)4PX。

為了避免這種情況,您可以運(yùn)行所有的liS一起放在一行中,或者阻止結(jié)束標(biāo)記,然后一起開始標(biāo)記,如下所示:

<ul>
        <li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li></ul>

這里的例子.


正如其他答案和評論所提到的,解決這一問題的最佳做法是添加font-size: 0;到父元素:

ul {
    font-size: 0;
}

ul li {
    font-size: 14px;
    display: inline-block;
}

這對HTML可讀性更好(避免在一起運(yùn)行標(biāo)記等)。間距效應(yīng)是由于字體的間距設(shè)置所致,因此必須對內(nèi)聯(lián)元素重新設(shè)置它,然后再為內(nèi)部內(nèi)容設(shè)置它。


查看完整回答
反對 回復(fù) 2019-06-29
?
陪伴而非守候

TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超8個贊

解決辦法:

ul {
    font-size: 0;}ul li {
    font-size: 14px;
    display: inline-block;}

必須將父字體大小設(shè)置為0。


查看完整回答
反對 回復(fù) 2019-06-29
?
慕虎7371278

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個贊

我將添加左浮動的CSS屬性,如下所示。這樣才能擺脫多余的空間。

ul li {
    float:left;}


查看完整回答
反對 回復(fù) 2019-06-29
  • 3 回答
  • 0 關(guān)注
  • 379 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號