css實現內容不相同的左右兩個div等高

2022-02-16 05:27:43 字數 1421 閱讀 3631

現在有兩個div左右排列,但是兩個div的內容不相同,如何設定兩個div的css做到在兩個div等高排列呢?

下面是網上找的3種實現方法,覺得很有代表性,所以索性收藏起來。

通過父元素設定overflow:hidden, div自己設定padding-bottommargin-bottom來實現。

left

right

#wrap 

#left,

#center

#left

#center

使用table-cell

.left,

.right

父元素使用display: box;

.wrap 

.left,

.right

效果如下圖:

現在有兩個div左右排列,但是兩個div的內容不相同,如何設定兩個div的css做到在兩個div等高排列呢?

下面是網上找的3種實現方法,覺得很有代表性,所以索性收藏起來。

通過父元素設定overflow:hidden, div自己設定padding-bottommargin-bottom來實現。

left

right

#wrap 

#left,

#center

#left

#center

使用table-cell

.left,

.right

父元素使用display: box;

.wrap 

.left,

.right

效果如下圖:

css實現內容不相同的左右兩個div等高

現在有兩個div左右排列,但是兩個div的內容不相同,如何設定兩個div的css做到在兩個div等高排列呢?下面是網上找的3種實現方法,覺得很有代表性,所以索性收藏起來。通過父元素設定overflow hidden,div自己設定padding bottom和margin bottom來實現。lef...

golang練習,提取兩個文字檔案不相同的部分

package main import fmt flag os bufio func main 引數檢查函式,檢查引數是否是2個 func paramcheck 讀取兩個檔案內容用來對比 func readline srcpath string,despath string defer srcfil...

交換兩個相同大小的陣列內容

對於將兩個相同大小的陣列內容進行交換的問題,可以給出兩個具體的演算法,並給出相應的程式如下 演算法一分析 將兩個相同大小的陣列內容進行交換,可以先定義兩個相同大小的陣列a 10 和b 10 同時,建立乙個臨時變數,借助這個變數,將兩個陣列的具體內容進行交換。下面是具體的程式 include int ...