5 回答

TA貢獻35條經(jīng)驗 獲得超41個贊
inline-block,兩個input中間的換行符會占據(jù)一個空格。float脫離文檔流了所以沒有這個空格。
可以
??<input?type="text"?class="search_input"><input?type="button"?class="search_btn"?value="搜索">
或者
??<input?type="text"?class="search_input"><!-- ??--><input?type="button"?class="search_btn"?value="搜索">
消除空格。
也可以讓你的容器比兩個input寬度加起來大一點,讓他不換行。

TA貢獻3條經(jīng)驗 獲得超0個贊
像div、h1、form、ol、ul、p等等都是block塊級元素
block(塊)元素的特點:
①總是在新行上開始;
②高度,行高以及外邊距和內(nèi)邊距都可控制;
③寬度缺省是它的容器的100%,除非設(shè)定一個寬度。
④它可以容納內(nèi)聯(lián)元素和其他塊元素
inline元素的特點:
①和其他元素都在一行上;
②高,行高及外邊距和內(nèi)邊距不可改變;
③寬度就是它的文字或圖片的寬度,不可改變
④內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素
inline-block即內(nèi)聯(lián)塊級元素 ? 顧名思義inline-block同時具有塊級元素和內(nèi)聯(lián)元素的特點 ? ?所以換行不正是塊級元素特點的體現(xiàn)嗎

TA貢獻345條經(jīng)驗 獲得超309個贊
display:inline-block是吧元素變?yōu)樾袃?nèi)快元素,同時具有行屬性 和塊屬性的特性,
設(shè)置為display:block,也可以使其換行
而浮動會使元素脫離文檔流,想換行 用浮動不可能實現(xiàn).
望采納
添加回答
舉報