Question

我正在尝试为我的作业创建一个模拟页面。并且奇怪是否有可能将“jerry - 2017版权”的文本集中在文本左侧或右侧的Facebook或Twitter等图标上。

我比较新，并试图了解使用html和CSS的正确方法。请原谅错误。

Answer 1

将来你需要至少添加一个你做过的例子。您可以在stackoverflow代码编辑器或https://codepen.io/

之类的内容中使用Javascript代码段

以下是如何使用 CSS GRIDS 集中内容的小例子。

＆＃13;

footer {
  display: grid;
  background: #dfdfdf;
  grid: 50px / 1fr 3fr 1fr;
  text-align: center;
}

＆＃13;

<footer>
  <div>
    <a>Fb</a>
    <a>In</a>
    <a>Git</a>
  </div>
  <div>Just random Text</div>
  <div>
    <a>Twt</a>
    <a>Red</a>
    <a>Link</a>
  </div>
</footer>

＆＃13;

只需按下按钮运行代码段

即可

Answer 2

另一种解决方案是使用<center>...</center>代码或将style =“text-align：center”包含在您使用的任何代码中，例如<p style="text-align:center">...</p>

如何在页脚（HTML）中居文本，但在页脚中左右两侧有图标

2 个答案: