Question

好吧我有

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

每个div只有一个单词。我希望每个div的宽度为auto

我希望使用text-align：center从＃2中说出来在屏幕中间;将＃1中的单词直接显示在＃2的左侧，将＃3直接显示在＃2的右侧。

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

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

Answer 1

只需将所有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>

Answer 2

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; }

Answer 3

您是否尝试向右浮动id = 1并向右浮动id = 3？

Answer 4

我建议您使用<span>代码，而不是使用div代码，因为div具有取width 100%的属性。

否则，如果您想使用div标签，请使用以下庄园

<div id='1'></div>
<div id='2'></div>
<div id='3'></div>
<style>
div{
float:left;
width:33.3%;
}
</style>

将文本显示在text-align：center的左侧和右侧

4 个答案:

HTML

CSS