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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

關(guān)于checkbox-inline和radio-inline的疑問

搞不懂為什么要用"checkbox-inline"和"radio-inline",如果是跟案例中一樣,把每一個(gè)單選框放到一個(gè)單獨(dú)的div中,那么radio-inline類并不能讓它們一行顯示,如果一個(gè)div里面放所有的單選框,那么不需要radio-inlie類就已經(jīng)是一行顯示了;checkbox-inline也是類似的。求大神解釋,我用的是火狐瀏覽器。代碼和運(yùn)行結(jié)果截圖如下所示:

58477c9d000165b905000168.jpg

58477c9d00012d3a05000174.jpg


正在回答

7 回答

是否可以不用div呢?加radio-inline和不加是什么區(qū)別呢?

0 回復(fù) 有任何疑惑可以回復(fù)我~

個(gè)人理解,本例中并沒有把每個(gè)單選框都放在一個(gè)單獨(dú)的div中,而是所有的label標(biāo)簽放在div中,label標(biāo)簽肯定是要有的,而radio-inline只是設(shè)置了一些樣式,margin之類的,有間距,看著更舒服點(diǎn)。

0 回復(fù) 有任何疑惑可以回復(fù)我~

確實(shí)是在一個(gè)div里 不用加 checkbox-inline也是在一行的,可能是有錯(cuò)誤吧,

0 回復(fù) 有任何疑惑可以回復(fù)我~

我試了一下,

<form role="form">

? ? <div class="form-group checkbox-inline">

? ? <label>

? ? ? ? <input type="checkbox"value="option1">有戲

? ? </label>

? ? </div>

? ? <div class="from-group checkbox-inline">

? ? <label >

? ? ? ? <input type="checkbox"value="option1">攝影

? ? </lable>

? ? </div>

? ? <div class="from-group checkbox-inline">

? ? <label>

? ? ? ? <input type="checkbox"value="option1">攝影

? ? </lable>

</div>

</from>

這樣可以并列一行,但是不能在label上定義,而是在 div上,三個(gè)div在一行了

0 回復(fù) 有任何疑惑可以回復(fù)我~

如果你每個(gè)label都嵌套在div里,就給div添加radio-inline或? checkbox-inline,可以實(shí)現(xiàn)水平。(ps:因?yàn)閯偛趴赐昵耙还?jié),思維慣性,我第一次就是這么寫的)

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

蘇蘇_Web前端工程師 提問者

你沒搞清楚我表達(dá)的意思,我的意思是只要把所有的label寫在一個(gè)div里面,就已經(jīng)是一行顯示了,跟label有沒有加radio-inline沒有關(guān)系。你看我第一張圖。
2016-12-08 回復(fù) 有任何疑惑可以回復(fù)我~
#2

bpdqxyx

在現(xiàn)實(shí)格式上有差別
2019-02-25 回復(fù) 有任何疑惑可以回復(fù)我~

剛開始學(xué)這個(gè),不是很懂,只是發(fā)現(xiàn)你label的父級(jí)div的類是radio? 而不是form-group

0 回復(fù) 有任何疑惑可以回復(fù)我~

簡化代碼增強(qiáng)語義

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

蘇蘇_Web前端工程師 提問者

好吧,如果這么說的話倒是可以理解,只是課程上的解釋容易誤導(dǎo)別人啊,o(^▽^)o
2016-12-07 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

關(guān)于checkbox-inline和radio-inline的疑問

我要回答 關(guān)注問題
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

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