为什么CSS样式中加了浮动,给span标签添加样式里的内容还是不能在同一行显示?

如何让input输入框与img同一行居中对齊由于经常会使用到,默认情况下将input和img放同一行img标签总是比input高出一个头,很难看大家可以参考下本文或许有所帮助

首先元素浮动后,脱离文档流但还是会占据空间,对兄弟元素造成影响因此给span标签添加样式不会因为p脱离文档流就跑到最左边,这跟position:absolute的脱离文档流效果是不同的

其次,浏览器默认是带有样式的一般写页面都会进行css reset清除默认样式影响。<给span标签添加样式>这里加一句p{margin:0;}即可

如何让input输入框与img同一行居中对齊由于经常会使用到,默认情况下将input和img放同一行img标签总是比input高出一个头,很难看大家可以参考下本文或许有所帮助

我要回帖

更多关于 给span标签添加样式 的文章

 

随机推荐