CSS中可以通過(guò)設(shè)置margin
屬性來(lái)調(diào)整radio
的寬度。margin
屬性用于設(shè)置元素的外邊距,可以通過(guò)增加或減少左右兩邊的margin
來(lái)調(diào)整radio
的寬度。
如果要將radio
的寬度設(shè)置為20px,可以將左右兩邊的margin
都設(shè)置為10px,這樣整個(gè)radio
的寬度就是20px了。
input[type="radio"] { margin-left: 10px; margin-right: 10px; }
如果需要調(diào)整radio
之間的寬度,可以通過(guò)設(shè)置相鄰radio
之間的margin
來(lái)調(diào)整,如果要將兩個(gè)radio
之間的寬度設(shè)置為30px,可以將相鄰radio
之間的margin
設(shè)置為15px。
input[type="radio"] + input[type="radio"] { margin-left: 15px; }
需要注意的是,由于radio
是行內(nèi)元素,所以其寬度和高度會(huì)受到瀏覽器窗口的影響,如果需要將radio
的寬度設(shè)置為固定值,可以通過(guò)將radio
轉(zhuǎn)換為塊級(jí)元素來(lái)實(shí)現(xiàn),將radio
的父元素設(shè)置為一個(gè)塊級(jí)元素,并將該元素的寬度設(shè)置為固定值,就可以保證radio
的寬度不會(huì)受到瀏覽器窗口的影響了。