大文本不漂浮正確

我有一個窗體字段的形式，我想將標籤浮動到右側，但是當標籤中的文本很大時 - 浮動不起作用。大文本不漂浮正確

的CSS

.col-xs-6 label{ 
     float: right; 
    }

我的代碼Here

如果我錯了？

UPD：關於

label{ 
    text-align: right; 
}

這裏is example它只是解決大文本問題。但

label{ 
    text-align: right; 
    float: right; 
}

工作正常）

來源

2016-08-11 YoroDiallo

使用文本對齊：右 – mkafiyan

它是工作，但標籤上的文字大，當它從開始向右到達左）你可以給你的標籤寬度並使用[word-wrap]（http://www.w3schools.com/cssref/css3_pr_word-wrap.asp） –

_「我在哪裏錯了？」_--假設浮動會影響文本內容的對齊方式;它適用於_elements_，而不是它們的內容。如果文字較大，您的標籤將採用完整的可用寬度（或幾乎全部，使用瀏覽器開發工具輕鬆檢查，或通過給它一個背景顏色），以便浮動不再有太多效果。順便說一句，你在這裏違反引導程序的網格概念，沒有任何'row'元素，並將'col-'元素直接嵌套到彼此......這可能會產生意想不到的/不需要的效果，所以更好地做到這一點。 – CBroe

嘗試text-align:right;上<label>（如果這是你的意思與「浮動不工作」）：

label { 
    text-align:right; 
    float: right; 
}

來源

2016-08-11 11:13:52 andreas

哦，沒錯，但它需要2個屬性'.col-xs-6 label { text-align： right; float：right; }'如果我只添加文本對齊：右對齊;'大文本將對齊，但小文本 - 不對 – YoroDiallo

捐贈也浮動到輸入父

我的意思是我喜歡這部分，我爲你編輯

 <div class="col-xs-4 pull-right"> 
      <label style="text-align:right">Some description</label> 
     </div> 
     <div class="col-xs-6 pull-right"> 
      <input type="text"> 
     </div>

和其他部分可以是這樣

來源

2016-08-11 11:18:54 mkafiyan

label { 
    text-align:right; 
}

來源

2016-08-11 11:29:18

大文本不漂浮正確

回答

相關問題