html怎么控制,才不会让图片自动换行

html-css08

html怎么控制,才不会让图片自动换行,第1张

如果是想让多张图片中在同一行,不需要去控制,因为img元素替换内联元素 replaced inline element,属于inline element类目,也就是说其本身不会独占一行,只要是空间允许,两个或者多张图片是可以在一行的。

工具原料:编辑器、浏览器

1、可以连续的写两个img标签,在宽度没有超过一行宽度的情况下,其两张图片是可以在一行的。代码如下:

<img src="1.jpg" />

<img src="2.jpg" />

2、运行的结果如下:

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<body>标签中,将外层的table改为div,新增css代码:div {width: 300px} table {float: left}。

3、浏览器运行index.html页面,此时表格们实现了每3个自动换行。