HTML中图片用float左浮动不垂直居中

html-css025

HTML中图片用float左浮动不垂直居中,第1张

如果图片用了float的话那是很难居中的，不过只要将图片的父级加了浮动的话，然后对父级设置居中是可以的如下

<style>

div{ float: leftwidth:100%text-align:center}

</style>

<div>

<img src="" width="100" height="100">

</div>

float是固定位置的浮动（保留其尺寸大小所占的空间），与页面中浮动（absolute）不一样（脱离同级内容，独立漂浮在页面中）。

首字母下沉可以使用:first-letter伪类实现，也可以使用你现在的方法。