html:ffffddd
css:
.img{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.text{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/117221.html
摘要:廢話(huà)不多說(shuō)內(nèi)容寬度等分左右布局,一側(cè)定寬,一側(cè)自適應(yīng)撐滿(mǎn)固定寬度自適應(yīng)寬度未知高寬上下左右居中未知高度上下左右居中這個(gè)效果就不展示了,可以做到未知寬高,和已知寬未知高的居中效果。 廢話(huà)不多說(shuō)! flex-內(nèi)容寬度等分 //css .box { display: flex; } .box div { ...
摘要:廢話(huà)不多說(shuō)內(nèi)容寬度等分左右布局,一側(cè)定寬,一側(cè)自適應(yīng)撐滿(mǎn)固定寬度自適應(yīng)寬度未知高寬上下左右居中未知高度上下左右居中這個(gè)效果就不展示了,可以做到未知寬高,和已知寬未知高的居中效果。 廢話(huà)不多說(shuō)! flex-內(nèi)容寬度等分 //css .box { display: flex; } .box div { ...
摘要:默認(rèn)情況下一行文本的行高分為上間距,文本的高度,下間距,并且上間距是等于下間距的,所以文字默認(rèn)在這一行中是垂直居中的。 在CSS中,line-height 屬性設(shè)置兩段段文本之間的距離,也就是行高,如果我們把一段文本的line-height設(shè)置為父容器的高度就可以實(shí)現(xiàn)文本垂直居中了,比如下面的例子: Document ...
摘要:包含后代選擇器包含選擇器,即加入空格用于選擇指定標(biāo)簽元素下的后輩元素。而后代選擇器是作用于所有子后代元素。后代選擇器通過(guò)空格來(lái)進(jìn)行選擇,而子選擇器是通過(guò)進(jìn)行選擇。 6-1 認(rèn)識(shí)CSS樣式 CSS全稱(chēng)為層疊樣式表 (Cascading Style Sheets),它主要是用于定義HTML內(nèi)容在瀏覽器內(nèi)的顯示樣式,如文字大小、顏色、字體加粗等。使用CSS樣式的一個(gè)好處是通過(guò)定義某個(gè)樣式,可...
閱讀 1786·2021-11-16 11:44
閱讀 2483·2021-10-11 11:07
閱讀 4277·2021-10-09 09:41
閱讀 740·2021-09-22 15:52
閱讀 3278·2021-09-09 09:33
閱讀 2822·2019-08-30 15:55
閱讀 2337·2019-08-30 15:55
閱讀 895·2019-08-30 15:55