简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)
Home > Web Front-end > HTML Tutorial > body text

网页icon和文本对齐神技 2016.03.23_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:17:07
Original
1406 people have browsed it

一直以来icon和文本需要对齐都使用vertical-align: middle;的方法，但兼容性不理想。参考了鑫旭大大的博客，终于收获不用vertical-align可以对齐的神技，原博点这里。
代码如下：

        icon对齐神技        
使用空标签i
    某些东西    
使用a标签，标签内有文字
    
某些东西某些东西
Copy after login

Related labels：
网页icon和文本对齐神技 2016.03.23
source：php.cn
Previous article：使用CSS3伪类选择器美化按钮_html/css_WEB-ITnose Next article：CSS HACK_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Why when vertically aligning a button element in a div, the element has more vertical space than defined by CSS margins? I have a work in progress page on this site and I thought the hardest part of this page wo...
From 2023-09-14 18:49:41
0
2
252
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！