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

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

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

    中個別行的字間距大,咋辦呢,word文件中個別行的字間距大,咋辦呢?

    選定要調整字間距的那些文字 選 格式 字型 字元間距,然後調整磅值就可以了 紅糖咪咪 選中你要修改的行 格式 段落 縮排和間距 在間距處選擇 固定值 在設定值處自由調節 確定 就可以了。 將其全選,然後點左側對其。 先將要弄的字選中,然後在格式選單裡選字型中的字元間距選項卡,在裡面調整就行 線覺韋閔...

    在html中怎樣定義文字的位置,html 如何是一行文字位於頁面正中

    大野瘦子 ext align center 或者left和right 想隨意放 就問字 注 left 和 top 是設定距離頁面左上角的距離。 搞怪一樂 1 padding內邊距 例如 將div容器中的文字內容放在距離容器的左側邊框的20px,頂部邊框的100px的位置。注意 在容器裡使用了padd...

    HTML中實用的註釋標記是什麼,HTML語言中,怎麼新增註釋

    莎拉凱瑞 你好,在html 中一般使用如下注釋 希望對你有幫助。 紫狼兒 一種是 一種是 html中實用的註釋標記是什麼 汗夕皇緞 你好,在html 中一般使用如下注釋 需要註釋的 塊 希望對你有幫助。html語言中,怎麼新增註釋? 春風化雨 html語言中,新增註釋的格式如下 什麼是 html?h...