#left {
  float: left;
  width: 15%;
  overflow: hidden;
}

#right {
  float: left;
  width: 60%;
  overflow: hidden;
}

#cen {
  display: inline-block;
  width: 5%;
  overflow: hidden;
}

#container {
  width: 100%;
  text-align: center;
}

<div id="container">
  <h1>
    <div align="center" id="cen">+</div>
  </h1>
  <h1>
    <div align="center" class="Area" id="left">1</div>
  </h1>
  <h1>
    <div align="center" class="Phone" id="right">650000</div>
  </h1><br>
</div>





html - 正确对齐Divs-HTML/CSS-LMLPHP

灰色区域是我的容器DIV
顶部是我所拥有的
底部是我想要的。

我没有正确对它们进行任何操作,也没有将一个div推到下一行。它是如此令人沮丧,我将砸碎我的电脑

最佳答案

为什么不简单地使用跨度和一些余量:



h1 {
  text-align: center;
}

span {
  margin: 10px;
}

<h1><span>+</span><span>1</span><span>650000000</span></h1>





然后您可以通过添加一些类别来更改个人保证金

10-05 20:57
查看更多