在CSS中,您可以使用多種方法將圖片和文字隔開,以下是一些常見的做法:
1、使用margin屬性:
img { margin-right: 10px; /* 圖片右側添加10像素的空白 */ }
2、使用padding屬性:
div { padding-left: 30px; /* 左側添加30像素的空白 */ padding-right: 30px; /* 右側添加30像素的空白 */ }
3、使用border屬性:
div { border-left: 1px solid #000; /* 左側添加1像素的黑色邊框 */ border-right: 1px solid #000; /* 右側添加1像素的黑色邊框 */ }
4、使用flex布局:
div { display: flex; /* 使用flex布局 */ align-items: center; /* 垂直居中 */ justify-content: space-between; /* 兩端對齊,圖片和文字之間添加空白 */ }
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。