不固定宽度浮动元素实现水平居中

两种方法

前提父元素 overflow:hidden;子元素float:left;宽度都是不固定的

1.父元素 text-align:center;font-size:0;子元素 display:inline-block;font-size:14px;

font-size设置为了解决inline-block的间距问题

父元素截图 HTML结构

不固定宽度浮动元素实现水平居中

子元素截图

不固定宽度浮动元素实现水平居中

参考资料：

宽度不固定元素水平居中

去除inline-block元素间间距的N种方法

相关文章：

2021-10-01
2022-12-23
2021-06-29
2021-10-22
2021-10-14
2022-02-08

猜你喜欢

2022-12-23
2022-12-23
2021-09-30
2021-11-27
2022-12-23
2021-07-26
2021-08-04

相关资源

下载 2023-03-26
下载 2022-12-17
下载 2022-12-19
下载 2023-01-03
下载 2023-02-26

相似解决方案

热门标签

Java Python linux javascript Mysql C# Docker 算法前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库数据结构大数据 js 机器学习微服务 Android Go 程序员面试 JVM ASP.net core 云原生人工智能后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习多线程 React 架构 devops 爬虫云计算 Spring Boot LeetCode