縮進標籤和複選框，與標籤和長標籤

外的複選框不幸的是我堅持使用舊的程序生成的形式，但我可以用CSS撥弄。該程序產生如下的HTML：縮進標籤和複選框，與標籤和長標籤

<input type="checkbox" name="_QStrategy_QV03_CV02" id="_Q2_C1" class="mrMultiple" style="" value="V02"> 
<label for="_Q2_C1"> 
<span class="mrMultipleText" style="">Defining the finance operating model to align with and support the execution of the organisation’s broader strategy. A finance operating model is a description of how an the finance function’s people, process and technology interacts internally and externally to deliver products and services.</span> 
</label>

標籤長，包裝到下一行，直接下的複選框下一行的文本。我怎樣才能使它包裹的文字縮進？

來源

2013-04-18 mercifulhop

能爲您提供的jsfiddle什麼？ – David

屏幕截圖也有幫助。我不能完全制定出你想要什麼樣的影響...... – Beejamin

，寬度浮動元素指定給他們

label{float:left;width: 75%;} 
input[type="checkbox"]{float:left;width:20px}

見fiddle

來源

2013-04-18 11:04:10 anpsmn

我標記下來，只是因爲它，你有這種類型的選擇的多個實例不盡快工作 - 在形式並不少見。內容開始環繞右側列。 –

試試這個CSS

.mrMultipleText 
{ 
    width:75%; 
    float:left; 
} 
.mrMultiple 
{ 
    float:left; 
}

看到這個fiddle

來源

2013-04-18 11:04:51

這會縮進所有文本，而不僅僅是包裝的文本。 – gaynorvader

縮進標籤和複選框，與標籤和長標籤

回答

相關問題