Question

我希望将联系人详细信息（公司名称，地址，电子邮件，电话）置于单个页脚行中心并相互填充，这些内容将包裹在一个小显示屏上。现在我有一个包含4个单行列的表来完成任务，这不是很优雅。在某些浏览器上加上它的不同。

将此信息显示为网站页脚会是一种优雅而简单的方法吗？

Answer 1

这是 FIDDLE 优雅＆amp;简单。

<footer>
  <span>Company Name</span>
  <span>Company Address</span>
  <span><a href="mailto:example@example.com">office@example.com</a></span>
  <span>+1 (111) 1111-111</span>
</footer>


footer {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #555555;
  width: 100%;
  padding: 10px;
  font-family: Verdana;
  font-size: 16px;
  letter-spacing: 1px;
  color: #fff;
}
footer span {
  display: inline-block;
  min-width: 230px;
  margin: 10px 0 10px 0;
  text-align: center;
}
footer span a {
  text-decoration: none;
  color: #02b9fc;
  transition: all 0.2s ease-in;
}
footer span a:hover {
  color: #999;
}

在一条线上填充页脚注释的优雅方式

1 个答案: