乙個盒子在另乙個盒子中垂直居中的方法

2021-07-31 20:24:57 字數 738 閱讀 6143

今天介紹幾種讓乙個盒子在另乙個盒子中居中的方法;

內聯元素:給子盒子設定display屬性為inline,然後在設定line-height為父盒子的高度

html:

p標籤

css:

.box 

p

結果:

對於內聯元素垂直居中的方法還有很多,此處只介紹一種,重點介紹兩種塊狀元素垂直居中的方法。

塊狀元素:

1、父盒子設定display屬性為flex,flex-direction:column, justify-content: center;

html:

css:

.box 

.small

結果:

2、設定父盒子display屬性值為 -webkit-box,;-webkit-box-orient:horizontal;-webkit-box-align:center;

html:

css:

.box 

.small

結果:

讓元素垂直居中的方法還有很多,這裡就不一一介紹了。本人水平有限,寫的不好的地方歡迎指出,共同討論。

CSS 讓div在另乙個div中垂直居中

垂直居中是布局中十分常見的效果之一,如果我們想實現下圖的效果 首先我們寫兩個div 下面的介紹中,我們稱外層div為父div,裡面的div為子div 我是需要垂直居中的div 且給兩個div新增最基本樣式 content content div 現在的效果如下 給父div新增下面的樣式即可 box給...

Java中在乙個方法中呼叫另乙個方法

在同乙個類中 對於靜態方法,其他的靜態或非靜態方法都可以直接呼叫它。而對於非靜態方法,其他的非靜態方法是可以直接呼叫它的。但是其他靜態方法只有通過物件才能呼叫它。靜態方法不能被非靜態方法覆蓋。public class test2 public void say1 public void say pu...

另乙個自己

人們常說 人貴有自知之明 可是話說回來,又有幾人能真正的了解自己呢?我覺得我就是乙個很沒有自知之明的人。生於89年的我,到了今年的生日就28周歲了。都說三十而立,正所謂成家立業,可以回過頭發現自己可以稱得上 一無是處,一無所有 曾幾何時,還是鄰居家叔叔阿姨教育孩子的榜樣 曾幾何時父母因為自己考個好大...