對齊連接複選框

我目前正在爲學校提供一個項目，向用戶詢問他們最喜歡哪個VR設備，並且我正在嘗試將按鈕居中，以便它們對齊，但我不知道如何做到這一點，我已經經歷了很多東西在stackoverflow，谷歌，YouTube上，但沒有工作，使複選框成一排下來這裏是HTML的樣子「http://i.imgur.com/0bob3tC.png」這裏是什麼CSS看起來像「http://i.imgur.com/P1bFexS.png 「對齊連接複選框

來源

2016-09-16 Kobbi

您需要將顯示一個小例子，問題在這裏，而不是明天可以幫助任何人消失的第三方網站。而不是截圖！ – Rob

對不起，我會這樣做，但我不能夠，因爲我沒有10聲望，我會盡快得到10代表然後我會編輯它，並使其成爲一張圖片 – Kobbi

添加圍繞複選框的div元素。給這個div一個類，並添加下面的CSS到該類：text-align: left; float: left;。我不確定浮球是否有必要，但試試看。

在這裏看到：https://jsfiddle.net/6x0r5nqf/2/

來源

2016-09-16 13:13:11

我試過了加入float：left;但現在它看起來像這個「http://i.imgur.com/RoJaYcm.png」，並感謝我將檢查出jsfiddle.net的東西，以備將來使用的問題; – Kobbi

而我無法做到這一點這個項目，因爲它可以從其他學生複製，如果他們看到它，所以我必須保持它作爲私人，因爲我可以 – Kobbi

嘗試製作'

//Here the checkboxes code with names

'周圍的複選框，並給這個div一個類名。在CSS中添加'.checkboxes-div {float：left;文本對齊：左; }給那個班。 –

我認爲這是你在找什麼（你可以用自己的CSS）：

Pick One Below 
<form action=""> 
    <input type="radio" class="choose" value="male">Oculus Rift<br> 
    <input type="radio" class="choose" value="female">HTC Vibe<br> 
    <input type="radio" class="choose" value="other">Gear VR 
</form>

https://jsfiddle.net/pratikhegde/h8dxo9ok/

來源

2016-09-16 14:05:54 pratikhegde

對齊連接複選框

回答

相關問題