css margin：auto；失效原因

最新推荐文章于 2024-10-25 21:30:02 发布

施玥喵

最新推荐文章于 2024-10-25 21:30:02 发布

阅读量549

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记文章标签： css html html5

本文链接：https://blog.csdn.net/macangyewangs/article/details/120436948

笔记专栏收录该内容

59 篇文章

订阅专栏

本文介绍了使用CSS实现居中布局的技巧，包括为居中元素设定宽度、避免使用浮动、利用display:table-cell属性等方法，并针对行内元素提供了转换为块级元素的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.要给居中的元素一个宽度，否者无效。

2.该元素一定不能浮动，否者无效。

3 在HTML中使用标签，需考虑好整体构架，否者全部元素都会居中的。

4.display：table－cell
display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。

5.行内元素失效
解决方法：设置display:block；

我遇到的是el-button的display:inline-block;改成display:block；就好了