在一个div中存放一张图片和一段文字,如何让它们向左对齐,并且有10px上下左右边距。
时间: 2023-04-06 22:05:04 浏览: 188
css实现div内图片上下左右居中
可以使用CSS来实现这个效果,具体代码如下:
```css
div {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 10px;
}
img {
margin-right: 10px;
}
```
解释一下,首先将div设置为flex布局,这样可以让图片和文字在同一行并且垂直居中。然后使用align-items和justify-content属性分别设置垂直和水平方向的对齐方式,这里设置为左对齐。最后设置margin属性为10px即可实现上下左右边距。图片的右边距也设置为10px,这样可以让图片和文字之间有一定的间隔。
阅读全文