其他分享
首页 > 其他分享> > HTML |在 div 内居中对齐 div

HTML |在 div 内居中对齐 div

作者:互联网

HTML |在 div 内居中对齐 div

1]使用Transform和Translate将Div垂直和水平居中

 .parent_div {  
 字体大小:24px;  
 边距:25px;  
 宽度:350 像素;  
 高度:200px;  
 轮廓:黑色虚线 1px;  
 /* 设置 */  
 **位置:相对;  
** }  
 .child_div {  
 宽度:50px;  
 高度:50px;  
 背景颜色:红色;  
  **/* 垂直和水平居中 */  
 位置:绝对;  
 最高:50%;  
 左:50%;  
 变换:翻译(-50%,-50%);** }

2] 使用 Flexbox 使 Div 垂直和水平居中

参考 - https://www.freecodecamp.org/news/how-to-center-anything-with-css-align-a-div-text-and-more/

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/29384/15031200

标签:居中,50px,50%,HTML,对齐,div,元素
来源: https://www.cnblogs.com/amboke/p/16685224.html