html图片三像素问题及解决方法

不会咋办

于 2022-08-31 12:00:00 发布

阅读量529

点赞数

文章标签： html css css3

本文链接：https://blog.youkuaiyun.com/qq_43201652/article/details/126606058

版权

1、图片三像素的问题
2、如何设置元素水平垂直居中
功能
1、设置图文对齐方式
可选值：baseline 基线对齐默认值
top bottom middle
2、解决图片三像素的问题
1、vertical-align:;非baseline默认值即可
2、将图片转成块元素（副作用：独占一行）
3、在父元素，将font-size设置0（副作用：父元素里面的所有的字都没有）
4、让元素脱离文档流，就不会再区分块元素，行内元素，行内块元素
（副作用：可能会让你的布局混乱）

<style>
        body{
            font-size: 0;
        }
        img{
            vertical-align: middle;
        }
        img{
            float: left;
        }

    </style>
</head>
<body>

        <img src="./img1.jpeg" alt="" width="300">
        <img src="./img1.jpeg" alt="" width="300">  
</body>
</html>