Question

我希望通过CSS实现以下功能

我有两个文本需要彼此相邻。示例：两个电话号码位于＆＃34;电话＆＃34;

的右侧

电话：301xxxxx

301xxxxx

我可以使用两个div并向左浮动一个。但我也希望他们两个都集中在一起。构建这个的最佳方法是什么？

Answer 1

<强> HTML：

<div class="blah">
  <div>
    Phone:
  </div>
  <div>
    301xxxxx<br>
    301xxxxx
  </div>
</div>

<强>的CSS：

.blah {
    text-align:center
}
.blah > div {
    vertical-align:top;
    display:inline-block;   
}

DEMO

Answer 2

你是在谈论彼此相邻的2个div，然后将它们集中在页面上吗？

可能

将宽度设置为两个div以及文本对齐中心到文本里面？

<div id="outter">
<div id="div1"> phone 1</div>
<div id="div2"> phone 2</div>
<div style="clear:both"></div>
</div>

css

#outter{
width: 400px;
padding: 0;
margin: 0 auto;
}
#div1, #div2{
width: 50%;
float: left;
text-align:center;}

Answer 3

然后将它们放入居中的父div。

要像div这样阻止元素，我们必须设置width:和margin-left: auto; margin-right: auto;

Answer 4

演示：http://jsfiddle.net/LRuZp/4/

Answer 5

您可以使用表格结构：

<tr>
    <td>phone</td>
    <td>301xxxx</td><br />
    <td>301xxxx</td>
</tr>

将两个文本彼此相邻并将两个文本居中

5 个答案: