如何空格并在同一行上有3个不同的文字(页脚)

时间:2017-01-17 20:09:48

标签: html css

这是文字

  1. @ 2017 ABCD
  2. 保留所有权利
  3. 一些文字
  4. 现在我希望这一切都在页脚中,但是1.在左边2.在中间,在右边3,我怎么去实现这个目标。 提前谢谢。

2 个答案:

答案 0 :(得分:0)

<ul class="mylist">

<li> @2017 ABCD </li> 
<li> All Rights reserved </li>
<li> some text </li>

</ul>

在css中:

.mylist li{
display:inline-block;
}

答案 1 :(得分:0)

试试这个。这样您就可以更好地控制每个部分的样式方面。

&#13;
&#13;
#footer {
  width: 100%;
}

#footer-inner {
  margin: 0 auto;
  text-align: center;
}

.year,
.middle,
.some-text {
  display: inline-block;
}
&#13;
<div id="footer">
  <div id="footer-inner">
    <div class="year">
      @2017 ABCD
    </div>
    <div class="middle">
      All Rights reserved
    </div>
    <div class="some-text">
      some text some text some text
    </div>
  </div>
</div>
&#13;
&#13;
&#13;