css 背景图片居中，高度撑满，左右超出隐藏

攀小黑

于 2025-01-18 17:51:48 发布

阅读量414

点赞数 3

文章标签： css 前端 html

本文链接：https://blog.youkuaiyun.com/qq_53066920/article/details/145230355

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div style="
			background-image: url('./img/111425_4c5b6563a1fd2.jpg'); 
			background-repeat: no-repeat;
			background-position: center center;
			background-size: auto 100%;
			overflow: hidden;
		">
			<div>123456</div>
			<div>123456</div>
			<div>123456</div>
			<div>123456</div>
			<div>123456</div>
			<div>123456</div>
			<div>123456</div>
			<div>123456</div>
			<div>123456</div>
			<div>123456</div>
		</div>
	</body>
	<style>
		div {
			font-size: 200px;
		}
	</style>
</html>