圖片旁邊文字用CSS怎么寫？

在CSS中，我們可以使用多種方法來在圖片旁邊添加文字，以下是一些常見的方法：

1、使用***定位（absolute positioning）：將圖片和文字都設(shè)置為***定位，可以使得文字固定在圖片的旁邊，不會(huì)受到其他元素的影響。

img {
  position: relative;
}
span {
  position: absolute;
  left: 10px; /* 距離圖片左側(cè)10像素 */
  top: 0; /* 頂部與圖片頂部對(duì)齊 */
}

2、使用浮動(dòng)（float）：將文字設(shè)置為浮動(dòng)，可以使得文字環(huán)繞在圖片的周圍，同時(shí)保持一定的距離。

img {
  float: left; /* 圖片浮動(dòng)在左側(cè) */
  margin-right: 10px; /* 圖片右側(cè)留出10像素的距離 */
}
span {
  float: left; /* 文字浮動(dòng)在左側(cè) */
  margin-top: 10px; /* 文字頂部留出10像素的距離 */
}

3、使用flexbox：使用CSS的flexbox布局，可以輕松地使得文字與圖片水平對(duì)齊，并且保持一定的距離。

div {
  display: flex; /* 使用flexbox布局 */
  align-items: center; /* 垂直對(duì)齊 */
  justify-content: space-between; /* 水平對(duì)齊，并且保持一定的距離 */
}

是一些常見的在圖片旁邊添加文字的方法，你可以根據(jù)自己的需求選擇適合的方法，你還可以使用CSS的其他屬性來調(diào)整文字的顏色、字體、大小等樣式，使得文字更加符合你的需求。