Maison > interface Web > tutoriel HTML > css基础组件库(兼容低版本)_html/css_WEB-ITnose

css基础组件库(兼容低版本)_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 09:09:08
original
1547 Les gens l'ont consulté

1、图标跟文字混排
html

<div class="link">    <span class="icon wyyx"></span>    分享</div>
Copier après la connexion

css

.link{    width: 92px;    border: 1px solid #0f0;    line-height: 18px;}.icon{    display: inline-block;    *zoom: 1;    vertical-align: bottom;}.wyyx{    width: 18px;    height: 18px;    background: url(http://p2.qhimg.com/t0116804ffa3cc8a59f.png) no-repeat;}
Copier après la connexion

截图:

注意:

父容器的line-height值与图标的高度相等,另保持设置图标的vertical-align的值为bottom。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal