css怎麼控制li和ul的邊距,css怎麼控讓一個ul裡面的li之間間距不同呢

2021-05-22 17:45:02 字數 3292 閱讀 7978

1樓:匿名使用者

css控制li和ul的邊距copy,可以使用margin屬性來實現或者padding屬性都可以,在設定width和height屬性時,計算好各自的距離。

然後設定多少px就可以實現,下面介紹了一下簡單的控制和去掉li前面圓點的方法。

即把li變為行內元素且可以設定寬高以及邊距,這樣也有一個問題,低版本的ie瀏覽器不相容inline-block,建議在其後再加兩個屬性相容低版本ie。

css怎麼控讓一個ul裡面的li之間間距不同呢?

2樓:匿名使用者

那你就每個li給它定義一個樣式,

如果li橫排顯示

,則用margin-left , margin-right.

如果li堅排顯示,則用margin-top , margin-bottom.

另外padding也可以。

3樓:匿名使用者

要看這個li橫向還是縱向,

橫向的主要用padding-left和padding-right來控制,還可用li的寬度來控制;

縱向的就多點,除了有padding-top和padding-bottom來控制,還可以用li的高度以及li的行高來控制;

具體二種**如下:

無標題文件

新聞標題1

新聞標題2

新聞標題3

新聞標題4

新聞標題5

這是新聞標題1

這是新聞標題2

這是新聞標題3

這是新聞標題4

這是新聞標題5

4樓:張小杰灬

用padding和margin

css:

    的左邊為什麼有40px的距離呢?

    5樓:匿名使用者

    瀏覽器的預設值.

    其實很多元素瀏覽器都設有相應的預設值的,就如ul有40px 的margin

    body有10px 的margin

    a標籤專有屬下劃線

    p標籤字型預設是黑色

    等......(當然,各不同的瀏覽器,其預設值設定也有所不同)大多數人在寫css前,一般都會加上一條萬用字元設定取消瀏覽預設值的:

    *其實瀏覽器的一些預設值,自己實踐多了,自然就會知道的了。

    6樓:

    將ul的margin和來padiding設定為0;

    由於不同瀏覽器之間自有不同的預設樣式,這樣就導致了:「明明我沒有設定margin padding,但是元素之間卻存在間距等狀況」。解決這種情況的方法就是在開始寫css之前將所有元素的padding margin預設樣式統一起來。

    在css文件中新增如下樣式即可:*

    7樓:匿名使用者

    你需要重置一下ul,li的預設設定:

    ul,lili

    8樓:落花祭冰心

    float:left; margin-left一起用的時候常出現問題,加display:inline,margin-left的數值在各個瀏覽器中就統一了,不會有差距 。

    1、如何用css設定ul,使其在div中li靠左對齊?ul有預設的左邊距。2、和設定ul的標籤樣式的大小

    9樓:達豐

    1、在copyul樣式中設定文字居左對齊。

    baiul

    2、標籤du大小不同,可以zhi用自定義的背景**代替標籤樣式。

    ul li

    擴充套件資料:dao

    控制ul下具體的li:

    1、ul li:first-child

    第一個li

    2、ul li:last-child

    最後一個li

    3、ul li:nth-child(4)

    指定第幾個,4就是代表第四個li

    4、ul li:nth-child(2n+1)匹配第1、第3、第5、...個li

    5、ul li:nth-child(odd)奇數的li

    6、ul li:nth-child(even)偶數的li

    10樓:匿名使用者

    li左對齊要先

    將ul、li的預設左邊距給去除了。

    ul,li

    至於li的樣式,可以

    先將ul的樣式給去除了,版也可以將「權·」直接放在li裡面,如下:·jdljoueoulgjl

    11樓:匿名使用者

    這個很簡單的,你要定義,是都要定義css的,讓他們左對齊是要浮動的,這個講不好講,你需要的話,留下**,我給你個例子你自己看那樣更容易懂

    12樓:匿名使用者

    圓點的問題 :設定背景

    13樓:匿名使用者

    li的原點效果不同可bai以通過設定dulist-style來更換其他的標

    zhi識,至於你dao

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

    14樓:加百列

    使用baicss語句:

    line-height

    通過設定不同的

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

    **:dao

    效果:擴充套件資料:

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

    15樓:佴韋褒冰嵐

    margin距離

    或者line-height行高

    應該是或者

    當然兩個意思不一樣

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

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

    margin-bottom

    也可以是margin-top,

    margin-left,

    margin-right

    16樓:匿名使用者

    margin距離

    或者line-height行高

    應該是或者

    當然兩個意思不一樣

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

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

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

    17樓:霸氣is側漏

    使用css語句:line-height

    18樓:匿名使用者

    ul li

    wps中excel頁首頁尾的邊距怎麼調

    可以在列印預覽中調整,操作步驟 1 單擊wps 檔案 列印預覽,如圖所示 2 進入列印預覽狀態,單擊頁邊距按鈕,如圖所示 3 將滑鼠指標放在如圖所示的邊線上,當滑鼠指標變為上 下箭頭時,拖動滑鼠即可以調整頁首 頁尾的邊距,如圖所示。您好,很高興為您解答!有多個可進入此項調整的通道 1 通過經典格式的...

    我的列印時提示超出頁邊距怎麼辦,我的word文件列印時提示超出頁邊距怎麼辦?

    word 2013 有一個顯著的 bug 檢視中沒有超出頁邊距也會在列印時被提示超出頁邊距,然後列印錯誤,搞笑的是重複單打此頁,故障又會隨機消失,注意 這裡是隨機消失,網上一眾什麼調整頁邊距,自適應a4的說法都無效,真正有用的方法是,將這一部分懷疑有問題的頁面的頁邊距調整為 適中 由word調整,當...

    怎麼控制和喜歡的男生的聊天頻率,怎麼和喜歡的男生聊天?

    首先。你要了解下男生的心理。一般的男生,都比較喜歡和異性聊天,這可以說是 性 內的吸引 容。但是,還有一種男生,所謂的 0情商 不會聊天,非常容易把天聊死。但是,你肯定不會喜歡和這種男生聊天吧?所以啊。你說的肯定是那種,情商比較高的男生了。這種男生呢,大多數都會隱藏自己的心理。懂得利用話題 2.懂得...