css - 如果自动获取宽度并居中?
高洛峰
高洛峰 2017-04-17 14:38:47
0
2
934

如图,三个标签的地方,标签数量不一定,并且标签的字数也是不一定,因此总体的宽度也是不一定的,有什么办法让这这些标签自动居中吗?
使用margin:0 auto; width:auto;的结果是宽度表成了百分之百,
设置flote:left;的效果虽然宽度自动适应了但是不能居中

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

Antworte allen(2)
巴扎黑
  • 给标签的父级容器添加css样式:display:flex; justi-content:center;

  • 代码示例:

    .test{
                display: flex;
                justify-content: center;
            }
            p{
                background: gray;
                margin: 0 10px;
                border-radius: 2px;
                padding: 0 10px;
            }
<p class="test">
            <p>111</p>
            <p>222</p>
            <p>333</p>
</p>
阿神

三个标签的父级元素加text-align: center

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!