DIV 让数字水平垂直居中?
橱窗的光
橱窗的光 2017-02-27 09:26:12
0
2
1095
.unsolve{ position: absolute; right: 10px; top:50%; transform: translate(0,-50%); z-index: 1; font-size: 13px; background-color: red; border-radius: 50%; color:#fff; width: 15px; height: 15px; padding: 5px; text-align: center; }

12

这样设定的时候,数字都会中间偏下,沒办法完全居中。请问该怎么样让他完全水平垂直居中?

橱窗的光
橱窗的光

reply all (2)
数据分析师

DIV Center the number horizontally and vertically? -PHP Chinese website Q&A-DIV Center the numbers horizontally and vertically? -PHP Chinese website Q&A

Let’s take a look and learn.

    迷茫

    不用这么麻烦
    单行文字
    将行高 line-height 和 height 设为相等即可
    多行文字
    需要将文字抱在p标签中
    外层div display:table 内层p display:table-cell

      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template
      About us Disclaimer Sitemap
      php.cn:Public welfare online PHP training,Help PHP learners grow quickly!