大文本不漂浮正确

我有一个窗体字段的形式，我想将标签浮动到右侧，但是当标签中的文本很大时 - 浮动不起作用。大文本不漂浮正确

的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

大文本不漂浮正确

回答

相关问题