HTML学习日志-04-HTML+css图文组合

图文组合

一、单图+单文

1. 垂直布局

     

 

需要注意的是：图片img标签会默认图片下方产生空白隔离边，

处理方法为：修改display属性为block；修改后如右上图所示。

1. 水平方向

二、单图+多文

1. 垂直布局

1. 水平布局

居中方法：

1. line-height=height时，文本垂直居中

2. text-align：center；写在父级，子级中的行元素、行块元素，文本内容水平居中

3. margin：0 auto；写在块元素，相对于父级水平居中