开发者社区> 问答> 正文

空内容时body的background-position值为center无法居中。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <style>
        body{        
            background-image: url(http://c.hiphotos.baidu.com/zhidao/wh%3D450%2C600/sign=736f2a288a13632715b8ca37a4bf8cda/34fae6cd7b899e516d038ce042a7d933c9950db0.jpg);
            background-repeat: no-repeat;
            background-position:center;
        }

    </style>
</head>
<body>
    
</body>
</html>

效果很不好,图片有一半是在顶部被隐藏的
screenshot
screenshot

展开
收起
杨冬芳 2016-06-12 14:54:26 3247 0
1 条回答
写回答
取消 提交回答
  • background-position 可以设置两个值的,分别为水平和垂直方向的对齐方式,如果你想背景水平居中而垂直方向从 0 开始,可以这么设置:background-position: center top;

    2020-03-28 21:47:19
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Transforming the data center 立即下载
Top 5 mistakes when wriiting a 立即下载
低代码开发师(初级)实战教程 立即下载