css怎么让图片左右了 |css 徽章

1. 使用 float 属性

img {
float: left; /* 图片向左浮动 */
margin-right: 10px; /* 图片右侧留出 10px 的间隔 */
}

上面的代码中，img 表示给网页中所有的图片，除非另有指定，否则都会应用这些样式。其中，float: left; 表示让图片向左浮动，而 margin-right: 10px; 则是为图片右侧留出了 10px 的间隔，以保证排版整齐。

2. 使用 flex 布局

.container {
display: flex; /* 指定容器为 flex 布局 */
justify-content: space-between; /* 将容器内元素均匀分配到两侧 */
}

.container img {
margin: 0 5px; /* 图片左右留出 5px 的间隔 */
}

上面的代码中，.container 表示指定一个容器，并使用居中对齐的 flex 布局，使容器内的元素均匀分配到两侧。而 .container img 则是指定图片的样式，使用 margin: 0 5px; 为图片的左右两侧留出 5px 的间隔。

总之，以上两种方式都可以实现图片向左右浮动的效果，但是具体选用哪种方式，还要根据实际需求进行选择。需要注意的是，在使用这些样式时，还要考虑到各种浏览器的兼容性问题。