一不小心使用错了标签但是又不想删除怎么办

一不小心使用错了标签但是又不想删除怎么办

显示模式的存在给写代码的人员带来的好处，比如换行的显示，就用占用一行的标签就行，但是，如果把标签选错了，该怎么？

当然可以选择删除重新，但是当写了很多并且关联好了就不方便删除重新，这时候就需要“元素显示模式转换”

1-1目的

改变元素默认的显示特点，让元素复合布局要求

1-2

1-3转换测试

首先写个类选择，限定好行内、行内块、行内元素；

然后，测试给div标签赋予不同的属性看如何显示；

1-4 其他标签的测试显示；

测试标签分别是：span，b，strong，i，em.s，del，u，ins，small，big，sub，sup，

1-4-1先试下“块“代码如下图

浏览器显示如下，

1-4-2 再试下”行内块“代码如下图

浏览器显示如下：

1-4-3 最后试下”行内元素“代码如下图

浏览器显示如下：

总结，测试的标签中span，b，strong，i，em.s，del，u，ins，small，big，sub，sup，都可以转换，并且显示正确，但是，在浏览器显示中有些稍稍有些不同；

1-在转换成块元素时，上下没有间距，所有测试标签都没有；

2-在转成行内块时所有测试标签都有左右间距，

部分标签没有上下间距，如：span，div，b，d；

部分标签有上下间距，如：u，ins，small，sub，sup;

间距较大的标签有：small和sub;

3-转成行内元素时，既有左右，又有上下间距。

具体间距是不是每个测试的标签都有，需要下次在测测。

（仅为个人自学的一点点思考，如有错漏，欢迎留言指正）