返回
css15种居中的方式（CSS元素居中浅析）
css15种居中的方式（CSS元素居中浅析）
2024-10-01 01:03:45  作者:心灵治愈者  网址:https://m.xinb2b.cn/tech/qxj530121.html

# 内联元素水平居中 在CSS中要使内联元素水平居中的方法是给它的父级元素添加，今天小编就来聊一聊关于css15种居中的方式?接下来我们就一起去研究一下吧!


css15种居中的方式

# 内联元素水平居中

在CSS中要使内联元素水平居中的方法是给它的父级元素添加

text-align: center;

样式即可。

# 内联元素垂直居中

在css中要使内联元素垂直居中的方法是给它的父级元素添加 line-height 样式，当line-height的值等于父级元素的高度时，元素就垂直居中了。

# 块级元素水平居中

要使块级元素水平居中，添加

margin: 0 auto;

样式即可做到，也可以写成

margin-left: auto;

margin-right: auto;

# 块级元素垂直居中

块级元素垂直居中，在css中没有现成的方法可以使用，但是万能的position样式可以办到，像这样：

position: absolute;

top: 50%;

transform: translateY(-50%);

即可实现块级元素垂直居中，但是需要注意的是，需要将这个块级元素的父级元素的 position值设置为 relative，像这样：

position:relative;

# 块级元素垂直水平居中

如果需要将块级元素设置为水平垂直居中，则这样：

position: absolute;

top: 50%;

left: 50%;

transform: translateX(-50%) translateY(-50%);

即可，同样需要将这个块级元素的父级元素的 position 值设置为 relative，像这样：

position:relative;

原创内容，更多请访问我的博客（https://www.qiuxiaochao.com）

  • 刺客信条大革命育碧怎么玩（刚买刺客信条大革命就免费）
  • 2024-10-01刚买刺客信条大革命就免费最近巴黎圣母院大火使得育碧的《刺客信条：大革命》也跟着火了起来，只因为育碧在游戏中还原了巴黎圣母院众多玩家纷纷购买游戏，打算再见巴黎圣母院一面昨晚育碧宣布将在Uplay免费赠送《刺客信条：大革命》，不。
  • pdf一键转换word（分享几个免费好用的转换工具给大家）
  • 2024-10-01分享几个免费好用的转换工具给大家今天给大家分享几个免费的PDF转换工具给大家，PDF转WORD也可以非常简单记灵工具在线免费的文字转语音工具，PDF转WORD效果非常好，只需要上传文件就可在线把PDF转换成WORD文件，非常轻松简单。
  • 全职高手荣耀职业联赛规则（荣耀世界邀请赛最强十三人）
  • 2024-10-01荣耀世界邀请赛最强十三人《全职高手》的结局映照了一句话：“一段故事的结束意味着一段新旅程的开始”叶修在取得荣耀第十赛季总冠军后，就像他当初来到联盟一样，默默下场离去，而此次，他宣布正是退役十二年了从一个十五岁的少年到二十七岁。
  • 减肥食谱七天瘦10斤吃多少克（减肥吃什么好且瘦的快）
  • 2024-10-01减肥吃什么好且瘦的快养成习惯的运动，才是真运动——居家瘦谭小军语录谁说减肥就不能吃好的？减肥吃什么好且瘦的快呢，那么你要学会怎么跟食材打交道平平无奇的食材不同的烹饪手法，能做出不同美味一味的饿肚子，并不会帮助我们瘦身，反。
  • 古代化妆后的洁面方法（女子爱美是天性）
  • 2024-10-01女子爱美是天性古代女子的“眉笔”：据说画眉之风起于战国，在还没有特定的画眉材料之前，妇女用柳枝烧焦后涂在眉毛上（好怪异的化妆哦，还是做现代人好）古代女子画眉所用的材料，随着时代的饿发展而变化从文献记载来看，最早的画。
  • 仙剑1里的迷宫（仙剑1里有个彭胡弯）
  • 2024-10-01仙剑1里有个彭胡弯当唐嫣和罗晋的恋情公开后，胡歌的微博又”沦陷“了，看来今年受伤最重的莫过于我胡，看着“白豆腐”和“格格”喜结良缘，又看到“紫萱”找到了意中人，我胡真的成为了仙剑三里面的留守儿童了不过，我胡不怕放眼仙剑。
  • 汝窑开片的特点（领略汝窑开片之美）
  • 2024-10-01领略汝窑开片之美雅瓷汝窑"汝窑,汁水莹润,厚若堆脂,有棕眼隐若蟹爪纹者尤佳”清·许之衡《饮流斋说瓷》雅瓷汝窑开片是汝窑的特点在经茶汤沁养润色一段时间后，茶具表面出现开片纹路，持续使用，开片纹路颜色愈加深、纹路。
  • 谷雨节气起居养生（谷雨节气起居）
  • 2024-10-01谷雨节气起居谷雨宜晚睡早起谷雨后，人们还应该稍微改变一下作息，以适应春天阳气生发的规律人们可以晚睡一点、早起一些，舒缓形体，以使神志随着春气而舒畅怡然如此可以保卫体内的阳气，使之不断充沛，逐渐旺盛起来谷雨睡前调摄。
  • 峰回路转不见君原文（原文译文这里都有）
  • 2024-10-01原文译文这里都有原文北风卷地白草折，胡天八月即飞雪忽如一夜春风来，千树万树梨花开散入珠帘湿罗幕，狐裘不暖锦衾薄将军角弓不得控，都护铁衣冷难着瀚海阑干百丈冰，愁云惨淡万里凝中军置酒饮归客，胡琴琵琶与羌笛纷纷暮雪下辕门，。
  • 过年必备的八道菜（5道过年必备炸货）
  • 2024-10-015道过年必备炸货过年呢，咱炸点年货，自己吃还是待客都用得上，今咱先分享几道既是零食，又能上桌的炸货做法年前就能先炸点，大人孩子都喜欢吃，选用的都是最普通的食材，也能多炸一点，待客时一回锅就能上桌掌握住火候、油温，在家。
  • 教师资格证成语真题（教师资格证常考易错成语）
  • 2024-10-01教师资格证常考易错成语1.贻笑大方：贻，留给；大方，指见识广博或有专长的人指被学者或行家笑话2.敝帚自珍：一个破扫把，自己也十分珍惜比喻自己的东西再不好也值得珍惜3.抛砖引玉：抛出砖去，引回玉来比喻用粗浅的、不成熟的意见或。