当前位置: 首页 > Web前端 > CSS

将一排图片水平居中对齐

时间:2023-03-30 17:29:54 CSS

先来了解一下块级元素:单独占据一行可以理解为一个有宽有高的正方形面。常见的块级元素有:divph1...h6ulolformtableaddress.......行级元素:可以和其他行级元素共用一行,可以理解为一行,而行级元素的内容都列在这一行上,我们看到的宽高就是内容的宽高,行级元素本身是没有宽高的。常见的行级元素有:spaniemainputtextarea。...如何水平居中一行图像?将此属性添加到块级元素或行级元素有什么效果?如果父级是块级元素,并且给父级添加了text-align:center属性,那么作为自身的块级元素将不会水平居中,但是可以通过转换块级来实现水平居中将此子元素放入内联块中显示;作为子级的行级元素显示在同一行并水平居中。所以如果要让一行图片水平居中,只需要对父级使用text-align的center属性,将子集中带有行级元素的图片包裹起来,就可以实现水平居中对齐一排图片。