手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何控制span标签的间距

时间:2024-10-13 01:45:17

1、打开dw,在body中写个<div>标签。

如何控制span标签的间距

2、在div中写多个span标签

如何控制span标签的间距
如何控制span标签的间距

3、开始写样式,首先要把span标签转换成块元素,display:block;

如何控制span标签的间距

4、把块元素写个背景,预览下看

如何控制span标签的间距

5、现在方框是竖排的 我现在把它变成横排,加个float:left;左对齐,如图

如何控制span标签的间距
如何控制span标签的间距

6、前面都是废话,现在才是重点,间距只要加个margin就可以了,我写的是margin:0 30px 0 0;右边间距30px;

如何控制span标签的间距
如何控制span标签的间距
© 手抄报圈