CSS 是前端里面的基础之一,也是非常重要的一部分,它往往决定了你所做出来的网页页面是否美观。在设计网页页面的过程中,总会有将元素或者文字进行水平垂直居中的要求。下面w3cschool编程狮就为大家介绍 CSS 中几种常用到的水平垂直居中的 *** 。
当元素有给定的高度以及宽度的时候,使用 margin: auto; 元素仅会水平居中,并不会进行垂直居中。此时就需要设置元素的 position 为 absolute,父级元素的 position 为 relative,同时元素的上下左右都需要设置为 0。
HTML 代码
CSS 代码
以上就是关于 CSS 如何将元素或者文字进行水平垂直居中的几种常用 *** ,大家还其他关于 CSS 实现水平垂直居中的 *** 吗?请在评论区留下你的想法。
The End
文章声明:以上内容(如有图片或视频在内)除非注明,否则均为淘站百科原创文章,转载或复制请以超链接形式并注明出处。
本文作者:云城本文链接:https://www.taozhan5.com/shbk/130.html