css操纵文本前的小标志实际写法

日期:2021-03-10 类型:科技新闻 

关键词:h5互动游戏,微信h5怎么制作,h5转盘抽奖,h5测试制作,凡科H5

一些目录项必须在文本前加个小标志,以下图:

完成方式有多种多样,这里应用<span>元素。
span标识是行元素,沒有宽高,尽管能够根据display:block;来更改。可是就会导致换行。
贴编码:

拷贝编码
编码以下:

<span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项1</span>
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项2</span>
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项3</span>
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项4</span>

这里应用了padding-left来完成这个小标志的出現,便是让文本靠右点