HTML中塊狀標(biāo)簽的特征，如何使html中的上下2個text文本框?qū)R？

你說的是input吧？可以給加上class，然后CSS里定義成塊，即display:block;然后像兩個DIV一樣讓他們對齊即可。或者在第一個后面加一個換行

行內(nèi)塊級元素之間的區(qū)別是什么？

什么是行內(nèi)元素和塊級元素？行內(nèi)元素：又稱為內(nèi)聯(lián)元素。是html中的規(guī)范，它和其他行內(nèi)元素都是在同一行從左到右排列，不會單獨(dú)占據(jù)一行。塊級元素：和行內(nèi)元素對應(yīng)，也是html中的規(guī)范，它總是在新的一行開始，各個塊級元素之間單獨(dú)占據(jù)一行，向下垂直排列。要想水平方向排列，可以利用布局或者浮動來實(shí)現(xiàn)。區(qū)別：行內(nèi)元素不占據(jù)新行，而塊級元素都是從新的一行開始。行內(nèi)元素不可以設(shè)置高度和寬度，可以設(shè)置行高。同時行內(nèi)元素的外邊距margin和內(nèi)邊距padding都是上下無效，左右生效。而塊級元素對于寬度高度和內(nèi)外邊距都生效，隨意設(shè)置。相互轉(zhuǎn)換

兩者通過修改css屬性display屬性可以互相轉(zhuǎn)換，在行內(nèi)元素上設(shè)置display：block可以讓它轉(zhuǎn)換成塊級元素，其實(shí)本質(zhì)是讓它換行而已。同理在塊級元素上設(shè)置display：inline可以讓它轉(zhuǎn)換成行內(nèi)元素。

下面截圖是例子：

這段代碼在標(biāo)簽<hr>前面沒有設(shè)置轉(zhuǎn)換，默認(rèn)<a>、<input>標(biāo)簽都是行內(nèi)元素，而<h1>標(biāo)簽是塊級元素。他們顯示效果如下圖：

可以看到水平線之前超鏈接和輸入框在同一行，而一堆大黑字和水平線在下面一行，這是因?yàn)槟J(rèn)<a>、<input>標(biāo)簽都是行內(nèi)元素，而<h1>、<hr>標(biāo)簽都是塊級元素。圖中水平線下面可以發(fā)現(xiàn)超鏈接單獨(dú)一行，因?yàn)槲以O(shè)置了它是塊級元素，而大黑字和輸入框在同一行是因?yàn)槲医o大黑字<h1>標(biāo)簽設(shè)置成了行內(nèi)元素，見第一圖代碼。

寫到這里相信您應(yīng)該明白了行內(nèi)元素和塊級元素了吧。