內容安置在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}如果要集中中間元素