如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
html布局中图片之间下面有空白间隙如何解决
来源：互联网
2023-03-16 19:19:03 版权归原作者所有，如有侵权，请联系我们
我们在做网页效果的时候，经常会在布局样式中出现各种奇奇怪怪的问题，比如图片之间会有空白间隙，上下也有空白，那么遇到这种情况该怎么解决呢，一起来看看吧！
工具/原料
- 电脑（DELL）
- 系统：win10
- Hbuilder
方法/步骤 设置vertical-align
打开hbuilder,写入html布局，基本样式，点击预览。
发现图片之间，图片下面有空白间隙。
设置图片的垂直对齐方式vertical-align，发现图片下方空白消失。
方法/步骤2 设置图片display: block
把图片设置成块状元素，设置display: block，间隙都没有了，但是布局又发生了变化，不是很完美。
方法/步骤3 设置父级font-size：0
发现方法1只消除了图片下方的空白间隙，但是图片与图片之间的间隙并没有消失，方法2空白间隙都消失了，但是布局变了，都不是最好的解决方案，这个时候，我们需要给父级设置font-size：0，发现所有的空白都没有了，完美解决！
注意事项
- 小编个人项目经验，如果帮到你了，记得给我点个赞，谢谢。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
上一篇：js如何给div添加边框 下一篇：jquery如何让文字消失
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 433 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)