悬浮练习（建业）

最新推荐文章于 2022-11-18 15:29:08 发布

DaZhangWei1

最新推荐文章于 2022-11-18 15:29:08 发布

阅读量105

点赞数

分类专栏：悬浮文章标签： HTML

本文链接：https://blog.csdn.net/weixin_44017261/article/details/84998016

版权

悬浮专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				padding: 0px;
				margin: 0px;
			}
			.a1,.a2,.a3{
				background-image: url(img/2E9DC5BD262CE0BECD1CC0F9FFEC79C2.jpg);
				width: 450px;
				height: 390px;display: inline-block;
				margin: 0px 20px;
			}
			p{
				background-color: rgba(78,101,107,0.8);
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				color: white;
			}
			.p1{
				width: 1480px;
				
				margin: 200px auto;
			}
			.n1,.n2{
				padding-top: 330px;
				font-size: 30px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div class="p1">
			<div class="a1">
				<div class="n1"><p><b>建业壹号城邦建业壹号城邦建业壹号城邦建业壹号城邦</b></p></div>
			</div>
			<div class="a2">
				<div class="n2"><p><b>建业壹号城邦</b></p></div>
			</div>
			<div class="a3">
				<div class="n2"><p><b>建业壹号城邦</b></p></div>
			</div>
		</div>
	</body>
</html>

悬浮练习{white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}超出内容显示…

Padding；用于控制内容与边框之间的距离

Margin；用于控制元素与元素之间的距离

DaZhangWei1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
悬浮练习（建业）

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; *{ padding: 0px; margin: 0
复制链接

扫一扫