图片和文字在Mac上不在同一行

Question

我正在做一个网站，但在网站尾部我有一个问题，我的网站运行正常，但是在我的朋友计算机（mac）上却有问题

链接：http://yb.websites-drafts.tk

我的计算机：my computer 我朋友的计算机（mac）：my friend's computer

谢谢

Answer 1

请将您的位置标签设置为display: inline-block，并且父元素添加white-space: nowrap以防止窗口宽度变为两行。最后，请告诉您的朋友清理缓存。

更新： 在检查您的代码.location时，您设置了width: 305px，但请注意，尽管每种字体都具有相同的字体大小，但其大小不同。所以我的建议是在.location中，如下所示：

.location{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
}