html div设置浮动后换行_随笔

在div同一行设置之后进行换行。div之后是table的也可以。如下代码：

<tr><td>tttttt</td></tr>

</table>

div后面是文本框或按钮之类的，

则无法在文本框或按钮上用style="clear:both"，可以使用如下方法：

①在div后面是一<br />进行换行，如：<div style="float:left">页面内容</div><br /><input type=text value=文本框 />

②在浮动的div后面增加一个空div并设置clear样式属性，如：<div style="float:left">页面内容</div><div style="clear:both"></div><button>提交</button>

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

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

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

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

在显示评论列表的时候因为有固定宽，但是显示的内容超出的了div的宽，在这种情况下我们需要将其换行.

代码如下：

word-wrap:break-word

word-break:break-all

overflow: hidden/*这个参数根据需要来决定要不要*/

欢迎分享，转载请注明来源：内存溢出

html div设置浮动后换行