html中的li間距的問題求大神解答

時間 2021-07-14 14:45:25

1樓:

你 li 設定了什麼寬度、border、margin和padding?

margin會重疊這個你應該清楚

寬度和padding和margin【重疊後】和border-width 加起來不能大於1000px,否則按照 float 效果會自動換行。

建議固定 li 的寬度,不使用padding和margin,用text-align:center居中,border左邊或右邊1px就可以了,計算好寬度就沒問題啦~ border有多的可以用marign-left:-1px之類的遮蓋掉

2樓:

第二種方法:

先給li設定相等的左右邊距(margin-left,margin-right),用總寬度1000px減去所有的li(包含左右邊距),剩餘的平分到外部div的左右填充裡(padding)。

第二種方法:

因為你的li都是兩個字,也可以給li定義一定的寬度,同時設定li裡的文字居中對齊(;textalign:center;)接下來的方法就跟第一種方法相同了。用總寬度1000px減去所有的寬度,(包含左右的1px細線),剩餘的平分到外部div的左右填充裡(padding)。

3樓:

你可以設定li的margin-right:px;但是你要計算好

4樓:匿名使用者

只能繼續調,要不就給li設個寬度,

html中怎樣調整(無序)ul列表中li的上下間距啊

5樓:匿名使用者

一般來說,調整列表li上下間距的方法有兩個第一個是給每個li標籤設定絕對高度,如回height:25px;

第二個方法是給每答個li標籤設定行高相對高度,如line-height:150%或line-height:180%;

當然還有其他的方法,這個需要你學號html和css了,這個設定間距的方法可以使用css來完成。

如果是要是列表無縫連線,可以在在css**開始處新增*這是設定所有元素間距為零的寫法,或者如樓下所說的方法也是可以的。

6樓:陸舒傑

一般來bai說,調整列表li上下間du距的方法有兩個zhi

第一個是給每個daoli標籤設定內

絕對高度,如容height:25px;

第二個方法是給每個li標籤設定行高相對高度,如line-height:150%或line-height:180%;

當然還有其他的方法,這個需要你學號html和css了,這個設定間距的方法可以使用css來完成。

如果是要是列表無縫連線,可以在在css**開始處新增*這是設定所有元素間距為零的寫法,或者如樓下所說的方法也是可以的。

希望幫助到你!

7樓:iam射手座

這樣寫就可以把預設的間距去掉了

8樓:匿名使用者

1.給每 單個 li 新增樣

bai式du 設定 高度 padding:0 margin:02.設定整zhi體 ul 高度等於

整體**dao高度 li 高度設定為版 auto 且加上padding:0 margin:03.用 table 代替 方便

權很多好友很多辦法 看你怎麼用了

9樓:匿名使用者

給li的margin的上、下一個負值試試。

如何用css**設定

  • 標籤內的行距?

    10樓:幻翼高達

    需要準備的材料bai分別有

    du:電腦、瀏覽

    zhi器、html編輯器。

    1、首dao

    先,開啟回html編輯器,一個新建html檔案答,例如:index.html,填充問題基礎**。

    2、其次,在index.html中的標籤中,輸入css樣式**:li。

    3、瀏覽器執行index.html頁面,此時通過css將li標籤的行距調整為了49px。

    11樓:匿名使用者

    通過對li元素設定如下css樣式來實現

    標籤內的行距的調整

    li示例如下:

    給出列表元素的css**,默

    內認容情況下顯示效果如下

    我是列表項1

    我是列表項2

    我是列表項3

    新增css樣式調整間距,顯示效果如下li

    12樓:匿名使用者

    加入一個段落標記

    文字內容

    css**設定

    li p

    div中的li 標籤裡的間距怎麼控制

    13樓:李莎莎

    ul li img

    14樓:卷驪

    li希望能幫助到你。

    15樓:果動科技

    只需要3步。

    1、把所有li的float屬性全部刪掉,如果你不需要左對齊的話,這個屬性會讓你瀏覽器不相容。如果要使用,請在容器最下面清除浮動。

    2、把所有的img標籤前面加上,後面加上,你應該讓每個標籤都存在於下,否則就失去了標籤的意義了。

    3、設定li的margin-top或者margin-bottom的px值。

    怎麼通過css來修改ul裡li之間的行間距呢?

    16樓:加百列

    使用baicss語句:

    line-height

    通過設定不同的

    duline-height值得到不zhi同間距。

    **:dao

    效果:擴充套件資料:

    line-height的可以專設定三種方式屬:畫素,百分比,數值。

    17樓:佴韋褒冰嵐

    margin距離

    或者line-height行高

    應該是或者

    當然兩個意思不一樣

    第一個是li距離下面20畫素

    第二專個是li內字元的行高屬

    margin-bottom

    也可以是margin-top,

    margin-left,

    margin-right

    18樓:匿名使用者

    margin距離

    或者line-height行高

    應該是或者

    當然兩個意思不一樣

    第一個是li距離下面20畫素

    專第二個是li內字元的行高屬

    margin-bottom 也可以是margin-top, margin-left, margin-right

    19樓:霸氣is側漏

    使用css語句:line-height

    20樓:匿名使用者

    ul li

    html的li怎麼水平居中,html的li怎麼水平居中

    我不知道你說的是li裡面的內容還是li水平居中,1 如果是li 水平居中,你已經讓他左浮動了。要是水平居中,就不要左浮動。margin 0 auto 2 如果是內容,就很簡單了 vertical align middle 在ul中加上樣式text align center li中有寬度的話,必須要加...

    html中怎麼新增bootstrap中的圖示

    bootstrap 中包含的檔案有 bootstrap css bootstrap.css bootstrap.min.css js bootstrap.js bootstrap.min.js img glyphicons halflings.png glyphicons halflings whi...

    html中的select下拉選單vaule的功能是什麼

    就是當前option標籤裡 value屬性的值。當你選擇了某一項時,select物件的值就是它了。比如 abcefg hij當選擇了abc時,js指令碼里 document.getelementbyid myselect value 的值就是a,當選擇了efg時,js指令碼里 document.ge...