Question

我为朋友建了一个网站，我有一些包含＆＃39; s的div。在浏览器上查看时，它们完全以div为中心。（Chrome，24英寸屏幕，Win10）。当我在任何其他浏览器中查看它时，情况也是如此。

当我访问我爸爸的电脑上的网站（Chrome / Safari，27英寸屏幕，OS X）时，这些内容与＆＃39; div的顶部对齐＃39;

我想知道是否有办法解决这个问题。

任何建议都会很棒。

Answer 1

它显示为与我的计算机（OSX）上的顶部对齐，因此可能是操作系统特定版本的Chrome正在实现它。最简单的方法是将行高设置为与父元素相同的高度。在你的情况下，它会是这样的：

.content-head {
  height: 80px;
  width: 60%;
  text-align: center;
  background-color: #ff69b4;
}

p {
  line-height: 80px;
  color: #FDFDFC;
}

<div class="content-head">
  <p>Things and stuff</p>
</div>

那应该解决它。如果你正在使用sass，你可以为高度定义一个变量，这样如果你想改变它就不会搞砸了。

<p>关闭某些计算机的中心但不关闭其他计算机

1 个答案: