百分比布局中的居中

2022-07-25 16:57:20 字數 472 閱讀 8063

百分比布局

垂直&水平居中的幾種方法  

1.以em/rem設定寬度和高度   

父級設定 width:5rem; height:5rem; text-align:center;

子集設定 line-height:5rem; 2.

利用trunsform

父級設定 width:5rem; height:5rem; position:relative 

子集設定 position:absolute; top:50%;left50%;  transform:translate(-50%,-50%);

3.高版本瀏覽器   

父級設定 display-flex;  justify-content:center; align-items:center;

4.子集為inline-block則 父級設定 text-align:center

開通 的 第一天 好開心(*^▽^*)

百分比布局中的居中

百分比布局 垂直 水平居中的幾種方法 1.以em rem設定寬度和高度 父級設定 width 5rem height 5rem text align center 子集設定 line height 5rem 2.利用trunsform 父級設定 width 5rem height 5rem posi...

百分比布局

參考位址 螢幕的適配是我們android開發最經常做的事情之一,我們一直指望著能夠一套布局適配所有。於是在android5.0之後,提供了android support percent lib,這樣我們可以盡情的使用。使用的時候,我們嗯需要設定的有 layout marginpercent layo...

百分比布局

其中相對布局和幀布局官方是有支援庫的 compile com.android.support percent 25.3.0 但線性布局並沒有 public class percentlinearlayout extends linearlayout override protected void o...