首頁(yè) 猿問(wèn) 大佬們，走過(guò)路過(guò)不要錯(cuò)過(guò)

大佬們，走過(guò)路過(guò)不要錯(cuò)過(guò)

JavaScript

慕后端6939749 2018-11-06 22:19:47

一圖一是我的代碼二三圖二三是效果四圖四是我期望的效果，怎么才能點(diǎn)擊復(fù)選框使它們?cè)谕恍?

查看完整描述

3 回答

漂流風(fēng)車(chē)

TA貢獻(xiàn)70條經(jīng)驗(yàn) 獲得超21個(gè)贊

給option的外容器div加一個(gè)

display:?inline-block;

反對(duì) 回復(fù) 2018-11-08

_Bling_

TA貢獻(xiàn)18條經(jīng)驗(yàn) 獲得超2個(gè)贊

給input的父div設(shè)置display:flex，如果沒(méi)問(wèn)題，請(qǐng)采納

反對(duì) 回復(fù) 2018-11-07

聰明的湯姆

TA貢獻(xiàn)112條經(jīng)驗(yàn) 獲得超33個(gè)贊

把checkbox跟他相鄰的div設(shè)置為行內(nèi)塊元素就可以了

<style>
??input['checkbox'],?input['checkbox']?~?div?{
????display:?inline-block;
??}
</style>

望采納~

反對(duì) 回復(fù) 2018-11-07

關(guān)注

舉報(bào)

0/150

提交

取消

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

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

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