css怎么让图片横着排列


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title></title>

  <style>

  .wrap{

    height: 130px;

    overflow-x: auto;

    overflow-y: hidden;

    white-space: nowrap;

  }

  .b{

    width: 200px;

    height: 100px;

  }

  </style>

</head>

<body>

  <div class="wrap">

    <img src="1.jpg" alt="" class="b">

    <img src="1.jpg" alt="" class="b">

    <img src="1.jpg" alt="" class="b">

    <img src="1.jpg" alt="" class="b">

    <img src="1.jpg" alt="" class="b">

    <img src="1.jpg" alt="" class="b">

    <img src="1.jpg" alt="" class="b">

    <img src="1.jpg" alt="" class="b">

    <img src="1.jpg" alt="" class="b">

    <img src="1.jpg" alt="" class="b">

    <img src="1.jpg" alt="" class="b">

    <img src="1.jpg" alt="" class="b">

    <img src="1.jpg" alt="" class="b">

  </div>

</body>

</html>

效果图:

1.gif

注意,img标签不能左浮动,外层容器必须加不换行。

以上就是css怎么让图片横着排列的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css如何设置粗体

css浮动是什么

css不可能实现的功能是什么

css selector什么意思

css animation-fill-mode属性怎么用

css border-style属性怎么用

css怎么去掉a标签的颜色

html和css是什么语言?

css怎么去掉a的下划线

css怎么设置透明度的颜色

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...