1

好吧，我有

    <div id='1'></div>
    <div id='2'></div>
    <div id='3'></div>

每个 div 中只有一个单词。我希望每个 div 的宽度都是自动的

我想使用 text-align: center; 将 #2 中的单词放在屏幕中间；＃1中的单词直接显示在＃2的左侧，而＃3直接显示在＃2的右侧。

我一直在尝试不同的css，但没有效果。

希望有人有一个简单的答案。

4

4 回答 4

2

只需将所有 div 浮动到左侧。它们将按顺序显示。

<style>
  .my-dvis {
    float:left;
    width:33.33%;
    margin:0;
    padding:0;
    border:none;
  }
</style>

<div class="my-divs"></div>

<div class="my-divs"></div>

<div class="my-divs"></div>
于 2013-08-20T00:52:02.913 回答
1

text-align: center仅适用于内联元素。

jsfiddle

HTML

<div class="left">1</div>
<div class="middle">2</div>
<div class="right">3</div>

CSS

body { text-align: center; }

div { display: inline-block; }
于 2013-08-20T01:58:59.380 回答
0

您是否尝试过向左浮动 id=1 和向右浮动 id=3？

于 2013-08-20T00:53:01.623 回答
0

我建议你使用<span>tag 而不是使用divtag，因为div有一个属性拿width 100%.

或者如果你想使用 div 标签然后在下面的庄园中使用

<div id='1'></div>
<div id='2'></div>
<div id='3'></div>
<style>
div{
float:left;
width:33.3%;
}
</style>
于 2013-08-20T01:32:46.180 回答