HTML中块状标签的特征，如何使html中的上下2个text文本框对齐

HTML中块状标签的特征，如何使html中的上下2个text文本框对齐？

你说的是input吧？可以给加上class，然后CSS里定义成块，即display:block; 然后像两个DIV一样让他们对齐即可。或者在第一个后面加一个换行

行内块级元素之间的区别是什么？

两者通过修改css属性display属性可以互相转换，在行内元素上设置display：block可以让它转换成块级元素，其实本质是让它换行而已。同理在块级元素上设置display：inline可以让它转换成行内元素。

下面截图是例子：

这段代码在标签hr> 前面没有设置转换，默认a> 、input> 标签都是行内元素，而h1> 标签是块级元素。他们显示效果如下图：

可以看到水平线之前超链接和输入框在同一行，而一堆大黑字和水平线在下面一行，这是因为默认a> 、input> 标签都是行内元素，而h1> 、hr> 标签都是块级元素。图中水平线下面可以发现超链接单独一行，因为我设置了它是块级元素，而大黑字和输入框在同一行是因为我给大黑字h1> 标签设置成了行内元素，见第一图代码。

写到这里相信您应该明白了行内元素和块级元素了吧。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！