本文详细介绍了如何在网页中实现单图配多篇文本的垂直和水平布局，包括调整图片的display属性使边距消失，以及利用line-height、text-align和margin属性实现文本的垂直与水平居中。
图文组合
一、单图+单文
- 垂直布局
需要注意的是：图片img标签会默认图片下方产生空白隔离边，
处理方法为：修改display属性为block；修改后如右上图所示。
- 水平方向
二、单图+多文
- 垂直布局
- 水平布局
居中方法：
-
line-height=height时，文本垂直居中
-
text-align：center；写在父级，子级中的行元素、行块元素，文本内容水平居中
-
margin：0 auto；写在块元素，相对于父级水平居中
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
