css居中文字代码 |css 1px 细线

.css 多个属性，移动页面公共css，前端css编写技巧视频，css3重阴影，css边框的内容靠左下，css橄榄精华忘记盖盖子，css 1px 细线 css居中文字代码 |css 1px 细线

/* 水平居中 */
text-align: center;

使用 text-align 属性，可以使文本居中对齐，但仅适用于块级元素，行内元素需要将其包裹在块级元素中。

/* 垂直居中 */
line-height: height;

将行高设置为元素高度即可实现垂直居中，但前提是元素必须拥有确定的高度。

/* 水平、垂直居中 */
display: flex;
justify-content: center;
align-items: center;

通过将元素的 display 设置为 flex，然后使用 justify-content 和 align-items 属性实现水平和垂直居中。

/* 水平、垂直居中 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

借助 position 和 transform 属性，可以实现子元素在其父元素中居中。