需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<body>标签中，将外层的table改为div，新增css代码：div {width: 300px} table {float: left}。
3、浏览器运行index.html页面，此时表格们实现了每3个自动换行。
html中怎样把快元素变成行元素
display:inline-block
行内快元素，或者使用浮动也可以把2个块级元素，合并到一行
HTML中 块级元素 如何转为 行内元素
可以通过display:
inline-block设置为行内元素。
步骤如下：
一、设计两个块级元素div，代码如下：
此时的块级元素显示效果：
二、设计两个块级元素div，添加属性 display:inline-block，代码如下：
此时的元素显示效果：
总结：通过上述步骤，就将两个块级的变成了两个行内元素，并排排列。
扩展资料：
display:inline
的作用是设置对象做为行内元素显示，inline是内联对象的默认值（ps:内联对象就是不自动产生换行的元素，比如span）
。
一般用的div是块级元素，默认display属性是block,
但将div的display设置为inline的话，则多个div可以像span一样显示在一行了。
参考资料：百度百科--display:inline
参考资料：百度百科--inline-block
HTML中 块级元素 如何转为 行内元素??
可以通过display:
inline-block设置为行内元素。
步骤如下：
一、设计两个块级元素div，代码如下：
此时的块级元素显示效果：
二、设计两个块级元素div，添加属性 display:inline-block，代码如下：
此时的元素显示效果：
扩展资料
1、display:inline比较经典的用法是用在
<ul>
下的
<li>
中
内联
block一般一个块占一行，除非float
inline是自动排为一行，就象段内的文字一样，可成为多行。
2、display:inline
的作用是设置对象做为行内元素显示，inline是内联对象的默认值（ps:内联对象就是不自动产生换行的元素，比如span）
而我们一般用的div是块级元素，默认display属性是block,
但将div的display设置为inline的话，则多个div可以象span一样显示在一行了。
3、display:inline
对应不显示为
display:none，display:block
对应不显示为
hidden。
参考资料来源：百度百科：display:inline
怎么样将html代码格式化成一行显示
为了增加代码的可读性，我们一般建议只是对代码的缩进、空格这些做了调整，完整的一行代码并不会换行！但是webstorm可以自行对代码进行换行设置。所以建议用webstorm设置，具体操作如下：
在代码编辑窗口的左半部分右击，可以看见有以下几个选项，
show indent Guides 显示缩进向导
将User Soft Wraps选项选中之后，就会根据窗口的宽度自行进行换行了。
3.还可以从顶部导航栏里面操作具体如下：
view->active editor->use soft wraps
总结：看代码最重要的是方面看懂，就是平时说的可读性，改缩减的时候缩减，改换号的时候换行，改变回一行的时候要变回一行！我一般都是用webstrom，觉得很好用！功能很强大！
HTML语言中换行的代码是<br/>。
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
扩展资料
HTML格式标志标签
1、<p></p>创建一个段落 （英文全称：Paragraphs）。
2、<p align="">将段落按左、中、右对齐。
3、<blockquote></blockquote>从两边缩进文本。
4、<dl></dl>定义列表（英文全称：DefinitionList）。
5、<dt>放在每个定义术语词前（定义术语、英文全称：DefinitionTerm）。
6、<ul></ul>创建一个无序的列表，默认前面标有圆点，也可以自己设置为none或者其他形状，如空心圆、方块等（无序列表、外语全称：UnorderedLists）。
7、<li>放在每个列表项之前，若在<ol></ol>；之间则每个列表项加上一个数字。
8、<div align=""></div>用来排版大块HTML段落，也用于格式化表。
参考资料来源：百度百科—HTML
“br”作为英文是“barter rabbet”的缩写，有“换行”的意思。在html中作为标签也是起到换行的作用，我们一起来看看它的具体用法吧！
一、<br>标签定义及用法
在html中，<br>标签是使用来插入一个换行符，它是一个空标签（没有元素内容），有的人还叫它单标签（没有结束标签）。
<br>标签有三种写法都不会报错，即<br>、</br>、<br/>这三种写法。在xhtml中，像<br>类似的单标签都需要使用“/”来自身关闭，如：<br/>，是没有</br>这样的写法的，但是在html中这样写也是不会报错的。虽然这三种写法都可以，但是建议写成<br>或者<br/>更严谨。
如果是在xhtml中就必须写成<br/>或者<br></br>。
二、语法格式
<br>或者<br/>
说明：<br>标签的作用就是在该处插入换行符，该标签后的内容将从下一行开始。
三、实例
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html<br>标签换行符详细介绍</title></head><body bgcolor="burlywood"><p>我是一个段落。<br>我是一个段落。<br/>我是一个段落。</p></body></html>
运行结果：
关于<br>标签比较简单，在这就不过多的介绍了。
