需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。
2、在index.html中的<body>标签中,将外层的table改为div,新增css代码:div {width: 300px} table {float: left}。
3、浏览器运行index.html页面,此时表格们实现了每3个自动换行。
如果是想让多张图片中在同一行,不需要去控制,因为img元素替换内联元素 replaced inline element,属于inline element类目,也就是说其本身不会独占一行,只要是空间允许,两个或者多张图片是可以在一行的。
工具原料:编辑器、浏览器
1、可以连续的写两个img标签,在宽度没有超过一行宽度的情况下,其两张图片是可以在一行的。代码如下:
<img src="1.jpg" /><img src="2.jpg" />
2、运行的结果如下: