正确对齐Divs HTML/CSS
正确对齐Divs HTML/CSS
提问于 2017-09-18 21:06:46
#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>
灰色区域是我的容器DIV，顶部是我所拥有的，底部是我想要的。
我所做的任何事情都不会正确地标记它们，或者将一个div推到下一行。太让人沮丧了，我都快把电脑砸坏了
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-09-18 21:10:53
为什么不简单地使用span和一些边距：
h1 {
text-align: center;
}
span {
margin: 10px;
}<h1><span>+</span><span>1</span><span>650000000</span></h1>
然后，您可以通过添加一些类来更改单个边距
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46280074
复制相关文章
相似问题
腾讯云开发者
