第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么用display:inline-block;換行了??;而用float:right就不換行

為什么用display:inline-block;換行了??;而用float:right就不換行

qq_走成熟線_lz_0 2016-06-02 19:05:44
<!doctype html><html><head><meta charset="utf-8"><title>Busy - 電商</title><style>*{padding:0;margin:0;}? ? input{? ? ? ? background:none;? ? ? ? outline:none;? ? ? ? border:0px;? ? }? ? .search_box{? ? ? ? width:210px;? ? ? ? border:1px solid red;? ? }? ? .search_input{? ? ? ? height:30px;? ? ? ? padding:0 5px;? ? ? ? line-height:30px\9;? ? ? ? width:136px;? ? ? ? border:2px solid #FF8C00; display:inline-block;? ??? ? }? ? .search_btn{padding:0;? ? margin:0;? ? ? ? width:60px;? ? ? ? height:34px;? ? ? ? color:#FFF; ?display:inline-block;? ? ? ? background-color:#FF8C00;? ? }? ? /*? ? 任務(wù):? ? 1 input需要清掉哪些默認樣式,和兼容問題如何解決?? ? 2 如何解決IE8一下的input框文字偏上問題? ? ?*/</style></head><body>? ? <div class="search_box">? ? ? ? <input type="text" class="search_input">? ? ? ? <input type="button" class="search_btn" value="搜索">? ? </div></body></html>
查看完整描述

5 回答

?
ahao430

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寬度加起來大一點,讓他不換行。

查看完整回答
反對 回復(fù) 2016-07-18
?
慕后端6892864

TA貢獻10條經(jīng)驗 獲得超5個贊

注意你的寬度默認100%寬了

查看完整回答
反對 回復(fù) 2016-06-04
?
object類型

TA貢獻3條經(jīng)驗 獲得超0個贊

float屬性脫離標準文檔流 ? 不會產(chǎn)生換行的效果

查看完整回答
反對 回復(fù) 2016-06-04
?
object類型

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)嗎

查看完整回答
反對 回復(fù) 2016-06-04
?
剛毅87

TA貢獻345條經(jīng)驗 獲得超309個贊

display:inline-block是吧元素變?yōu)樾袃?nèi)快元素,同時具有行屬性 和塊屬性的特性,

設(shè)置為display:block,也可以使其換行

而浮動會使元素脫離文檔流,想換行 用浮動不可能實現(xiàn).

望采納


查看完整回答
反對 回復(fù) 2016-06-02
  • 5 回答
  • 1 關(guān)注
  • 5953 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號