HTML如何换行_随笔

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

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

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

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

HTML会把行内元素中的回车换行符转换为空格显示（如果是连续的多个回车换行符只会显示为一个空格），所以你会看到上面第一张图的全国站与后面的 [切换之间的空隔比第二张图的要大。而估计你的city是有宽度限制的，第一张图中的文字中因为多了个空格超长了所以就换行了。

对于html内置的内联级标签以及表单元素标签，源代码中连续几个内联级标签中的换行在浏览器中会被解释为一个空格。

包括ie和ff。而这个空格是会被当作一个空白节点（nodeType等于3的节点，就是文字节点）。

对于html内置的块级标签使用了display:inline则没上述问题。

对于html内置的块级标签之间的换行，ff会当作一个空白节点（用js可以获取到），ie则会忽略掉这个换行。

这个换行在ie和ff的页面上并无任何影响，不会出现空格。

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

HTML如何换行