内容安置在Div

Question

如何让.a位于最左侧，.b位于中间，而.c位于最右侧？

<div class="footer1"> 
 
       <span class="a">Located At</span> 
 
       <span class="b">Phone Number</span> 
 
       <span class="c">Website By</span> 
 
      </div>

Answer 1

可以使用Flexbox的。

.footer1 { 
 
    display: flex; 
 
    justify-content: center; 
 
} 
 

 
.footer1 span { 
 
    margin: auto; 
 
}

<div class="footer1"> 
 
    <span class="a">Located At</span> 
 
    <span class="b">Phone Number</span> 
 
    <span class="c">Website By</span> 
 
</div>

Answer 2

如果你真的想要的跨度是在远边我会推荐这CSS代码：

.footer1{ 
    display: block; 
    text-align:center; 
} 

.a { 
    float: left; 
} 

.b { 
    margin: 0, auto; 
    text-align: center; 
} 

.c { 
    float: right; 
} 

Answer 3

你可以试试这个

.footer1{ 
 
    display: flex; 
 
} 
 
.footer1 span{ 
 
    width: 33%; 
 
} 
 
.c{ 
 
    text-align: right; 
 
}

<div class="footer1"> 
 
    <span class="a">Located At</span> 
 
    <span class="b">Phone Number</span> 
 
    <span class="c">Website By</span> 
 
</div>

在样式中包含.b {text-align：center}如果要集中中间元素