css 如何對每行中最後乙個元素刪除邊距?

2021-10-20 09:18:27 字數 1168 閱讀 3306

如何從最後一列的每個元素中刪除邊距?

在元素寬度不確定的情況下,或者如果螢幕很小或使用者調整瀏覽器大小,則每行排列的個數就不確定

因此,在任何情況下,最後一列**現的任何元素(可以是乙個或多個然後是乙個)。我想刪除margin-right。

除非您確切知道每行有多少個元素(通過選擇器的nth-child()系列),否則無法使用純css在每行的特定元素上刪除或新增樣式。

item 1

<

/li>

item 2

<

/li>

item 3

<

/li>

item 4

<

/li>

item 5

<

/li>

item 6

<

/li>

item 7

<

/li>

item 8

<

/li>

item 9

<

/li>

<

/ul>

通過在父元素上新增負邊距來偽裝它們。這會給人一種幻想,即您的子元素適合放在父元素內,而各個元素之間仍然有間距

ul

lili:last-child

注意:這可能需要在祖先元素上新增overflow-x: hidden來防止水平滾動,具體取決於容器元素與視口邊緣的接近程度。

如果可以合理地**每行有多少個專案,則可以使用**查詢通過nth-child()定位該行中的最後乙個專案。這比使用負邊距要冗長得多,但它可以讓您進行其他樣式調整

@media

(min-width

: 400px) and (

max-width

: 499px) }

@media

(min-width

: 500px) and (

max-width

: 599px) }

@media

(min-width

: 600px) and (

max-width

: 799px)

}

巧用css去除第乙個元素或最後個元素的樣式

很多人可能都碰到這樣乙個情況 test li 這樣就會出現三條右邊框,在實際運用中最後條邊框是需要去掉的。1 為最後個li新增個樣式,比如 b none 2 用css偽類 last child,來自動匹配最後個元素,並執行相應的樣式.test li last child 第二種偽類方法在ie下有相容...

結構體中最後乙個元素是長度為0的陣列

在linux源 中,有很多的結構體最後都定義了乙個元素個數為0個的陣列,如 usr include linux if pppox.h中有這樣乙個結構體 struct pppoe tag attribute packed 又如在asterisk的原始碼中的pbx.c struct ast ignore...

Array 陣列刪除最後乙個元素

1 問題描述 做單選題,由於傳入的題目選項為string型別,用分號隔開,所以準備切割分號,然後逐個展示,但是,最後一項有個空格,非常討厭 console.log opts陣列如下 console.log scope.opts 去掉最後乙個元素 空格 var bb scope.opts pop co...