CSS图片和文字对齐小技巧

当图片或者其他类似元素(以下统称图片)需要和文字对齐时,通过调整margin值会发现图片和文字一起移动的现象.

此时的解决方案就是:

1.把图片转化为行内快元素,即:display:inner-block;

2.加上vertical-align:middle;

最关键的是第二点,这时候再来调整margin值,文字就不会跟着图片一起上下移动了

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,805评论 1赞 92
  • 网络技术与应用
    HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的，因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,068评论 0赞 0
  • Css 布局 -
    1. 前言 前端圈有个“梗”：在面试时，问个css的position属性能刷掉一半人，其中不乏工作四五年的同学。在...
    YjWorld阅读 4,538评论 5赞 15
  • 准确测量机器学习模型的误差（转）
    原文：Accurately Measuring Model Prediction Error 在机器学习模型的效果...
    jiandanjinxin阅读 2,542评论 0赞 3
  • 投稿说明
    大家好，这个专题不需要水平，只需要感受 请你将自己心中最真实的想法喊出来…… 内容可以是： 心情 天气 一日三餐 ...
    ol大阅读 353评论 1赞 0