顯示2單選按鈕在一行

<ul> 
    <li style="list-style:none;"> 
    <input type="radio" name="custom_type" value="public" /> 
     Public 
    <input type="radio" name="custom_type" 
    value="private" id="custom_venuetype_private" />Private 
    </li> 
</ul>

我有2 radiobuttons.My問題是，這兩個單選按鈕在兩行來並有一些白色空間的單選按鈕後自動到來，即第一個單選按鈕後，一些白色空間來了，然後來了text.And下一個單選按鈕進來的新行。我需要在單行然後在文本和單選按鈕之間不應該有空格顯示2單選按鈕在一行

來源

2013-02-01 Techy

添加樣式=「白色空間：nowrap;」然後問題仍然存在 – Techy

我複製你的源代碼，對我來說它的工作原理oo這兩個無線電都在水平線 – Ekonion

也許它被其他一些樣式您錯過了CSS聲明。我將使用Chrome/Firefox檢查元素，以查看實際應用於收音機的CSS。 – rlatief

爲了將元素一行，可以用CSSdisplay屬性inline值：

HTML：

<ul> 
    <li style="list-style:none;"> 
    <input type="radio" name="custom_type" value="public" /> 
    Public 
    <input type="radio" name="custom_type" 
    value="private" id="custom_venuetype_private" /> 
    Private 
    </li> 
</ul>

CSS：

.li {display:inline}

這裏是JSFiddle。

來源

2013-02-01 12:01:32 Ramin

這應該使內聯「列表」，而不是默認已經是「顯示：內聯」的單選按鈕。 – rlatief

它是根據你的需要，你可以選擇鋰或輸入或...。 – Ramin

我假設周圍還有更多hmtl和/或ccs。我只是試過它：

<!DOCTYPE html> 
<html> 
<head><title>Test</title></head> 

<body> 
<ul> 
    <li style="list-style:none;"> 
    <input type="radio" name="custom_type" value="public" /> 
     Public 
    <input type="radio" name="custom_type" 
    value="private" id="custom_venuetype_private" />Private 
    </li> 
</ul> 

</body 
</html>

和輸出在一行。

可能你的ul有太小的div，或者你的css中有ul的定義。

來源

2013-02-01 12:04:24 smartmeta

@Anaz：你找到了解決方案嗎？ – smartmeta

顯示2單選按鈕在一行

回答

相關問題