CSS圖片橫向放置的方法

在CSS中，我們可以使用多種方法來將圖片橫向放置，以下是一些常見的方法：

1、使用CSS的transform屬性

transform屬性允許我們旋轉、縮放、移動和傾斜元素，我們可以使用transform: rotate(-90deg);將圖片旋轉90度，從而實現(xiàn)橫向放置的效果。

img {
  transform: rotate(-90deg);
}

2、使用CSS的writing-mode屬性

writing-mode屬性用于設置文本和圖片的書寫方向，我們可以使用writing-mode: horizontal-tb;來將圖片設置為橫向書寫模式。

img {
  writing-mode: horizontal-tb;
}

3、使用CSS的flex布局

我們可以使用CSS的flex布局來將圖片橫向放置，通過設置flex-direction: row;，可以讓圖片在水平方向上排列。

.container {
  display: flex;
  flex-direction: row;
}
img {
  width: 100px;
  height: 100px;
}

在以上示例中，圖片將被放置在水平方向上，并且每個圖片的寬度和高度都為100像素。

CSS提供了多種方法來將圖片橫向放置，我們可以根據(jù)自己的需求選擇***適合的方法。