HTML换行与不换行？

html-css014

HTML换行与不换行？,第1张

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

我在最近写html的时候，经常会碰到标签的换行，或者是内容的换行，在界面中是会出现空格的间隙。如：

页面显示会出现空格

解决方法：

效果：

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

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

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

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