通过css添加图像左侧的文本

发布时间:2019-03-13 整理:脚本之家 作者:未知
脚本之家收集整理的这篇文章主要介绍了通过css添加图像左侧的文本脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随脚本之家小编过来看看吧!
如何通过css添加图像到一些文本?

我有这个:

<span class="create">Create something</span>

并且我想通过使用css添加一个16×16图像在左边。这是可能的,或者我应该只是手动添加这个图像像这样:

<span class="create"><img src="somewhere"/>Create something</span>

我宁愿不必手动更改所有的地方,这是为什么我想通过css。

谢谢!

.create
{
background-image: url('somewhere.jpg');
background-repeat: no-repeat;
padding-left: 30px;  /* width of the image plus a little extra padding */
display: block;  /* may not need this,but I've found I do */
}

用填充和可能的边距玩,直到你得到你想要的结果。您还可以使用“背景位置”或完全定义“背景”(link to w3)来播放背景图像的位置(*向汤姆·赖特点头)。

总结

以上是脚本之家为你收集整理的通过css添加图像左侧的文本全部内容,希望文章能够帮你解决通过css添加图像左侧的文本所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

标签: