425day(小问题文字对齐)

本文介绍了一种使用CSS进行文字与图标精确对齐的方法,通过调整margin-top属性实现垂直居中,适用于网页设计中元素排版需求。

《2018年12月2日》【连续425天】

标题:小问题文字对齐;

内容:

<style>
		div {
			height: 30px;
			width: 300px;
			border: 1px solid red;
		}
		span {
			display: inline-block;
			width: 8px;
			height: 8px;
			background-color: black;
		}
	</style>
<div>
		<span></span>文字
	</div>

span {
			margin-top: -1px;
			vertical-align: middle;
			display: inline-block;
			width: 8px;
			height: 8px;
			background-color: black;
		}

 可以通过margin-top随意调整对齐;

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值