mysql 左对齐_CSS：左对齐标签，右对齐(CSS : Align label left, text right)

CSS：左对齐标签，右对齐(CSS : Align label left, text right)

我有这样的文字：

AAA : aaaaaaaaaaaaaaaaaa

B : bbbbb

CCCCC : cccccccc

我希望它是：

AAA : aaaaaaaaaaaaaaaaaa

B : bbbbb

CCCCC : cccccccc

我怎么能用CSS做到这一点？

编辑：添加代码，虽然我发现它没用

AAA : aaaaaaaaaaaaaaaaaa

B : bbbbb

CCCCC : cccccccc

I have a text like this :

AAA : aaaaaaaaaaaaaaaaaa

B : bbbbb

CCCCC : cccccccc

I want it to be :

AAA : aaaaaaaaaaaaaaaaaa

B : bbbbb

CCCCC : cccccccc

How can I do this with CSS ?

Edit : Add code, although I find it useless

AAA : aaaaaaaaaaaaaaaaaa

B : bbbbb

CCCCC : cccccccc

原文：https://stackoverflow.com/questions/32347394

2019-06-03 00:21

满意答案

您需要添加一些包含文本内部元素的元素，然后您可以在包装器上使用样式来设置文本的width 。 我用过span 。

div span:first-child {

float: left;

width: 10%;

}

AAA : aaaaaaaaaaaaaaaaaa

B : bbbbb

CCCCC : cccccccc

You've to add some element that wraps the text inside it and then you can use styles on the wrapper to set the width of the text. I've used span.

div span:first-child {

float: left;

width: 10%;

}

AAA : aaaaaaaaaaaaaaaaaa

B : bbbbb

CCCCC : cccccccc

2015-09-02

相关问答

您需要添加一些包含文本内部元素的元素，然后您可以在包装器上使用样式来设置文本的width 。 我用过span 。 div span:first-child {

float: left;

width: 10%;

}

AAA : aaaaaaaaaaaaaaaaaa

B : bbbbb

<...>

如果select元素是最高的东西，为什么不漂浮标签？ 你也可以借此机会将它变成一个标签，而不是一个div文本。 这里是CSS： #category-select {

left: 0px;

top: 0px;

width: 350px;

border: 1px solid #666;

text-align: right;

}

#category-select label {

float: left;

margin: 1px;

}

这里是HTM...

这与你从一开始就有点分歧，但过去我一直这样做： CSS： .details {

clear: both;

padding: 7px 15px;

margin: 20px 15px 15px 15px;

background: #111111;

text-align: right;

}

.toplink {

float: left;

}

HTML：

To Top

...

您可以通过display:flex实现它 - 无需更改标记 .button-wrap {

display: flex;

}

.button:nth-child(2) {

/* margin left the second button */

margin-left: auto;

}

First Button

Second Butt...

添加display: flex; align-items: center; display: flex; align-items: center; to .selectLabel将解决这个问题 .select{

width:100%;

padding-left: 2%;

text-align: left;

margin: 10px auto 10px;

position: relative;

}

#select{

border: 1px sol...

而不是对您的代码进行大规模更改。 只需给div设置background-color属性并清除浮动元素clear:both; 休息或任何元素，使其识别元素。 这是一个有效的JSFiddle： http ： //jsfiddle.net/fLj5qvc7/ HTML

A

B

CSS...

这可能是你需要的： label, input {vertical-align: baseline;}

具有相同属性的两个元素都会有所帮助。 基线也类似。 中间工程在IE7中有所不同。 希望能帮助到你！ This could be what you needed: label, input {vertical-align: baseline;}

Both element with the same property, will help. Also baseline works similar....

我不知道关于android的一切，但我仍然认为这不可能你问的原因你想在1个单一的EditText设置Gravity，不同的单词( 左边的名字和右边的文字 )不同 我想得到相同的结果是， 1)让您的设计师为您制作一个屏幕宽度和所需高度的白色圆角矩形，以及另一个带橙色边框的相同图像(如您在选择任何编辑文本时所看到的那样) 2)现在，在xml文件中取一个 ，将第一个图像设置为此布局的背景，并在该布局中Take 1 TextView(for Name:) and EditTex...

一切看起来都与我保持一致。 你偶然意味着你想要一条线上的所有东西吗？ .name{

font-weight: bold;

text-align: left;

float: left;

}

.value{

text-align:left;

float:left;

}

jsfiddle在这里 根据您对问题的编辑....唯一的方法是获得.name类的宽度。 如果没有设定的宽度，.value将立即落在.name的左侧并垂直放置，它们将不会对齐到左侧。 .name{

font-weight: bold;...

您需要将text-align: left样式添加到.control-label 。 因为bootstrap使用选择器.form-horizontal .control-label在水平表单中提供文本对齐样式，所以您需要使用相同或更具体的选择器： .form-horizontal .control-label{

text-align: left;

}

的jsfiddle You need to add a text-align: left style to .control-label. ...

相关文章

<table > <tr > <td ><input t

...

Text fields are typically indexed by breaking the t

...

一、中文分词：分词就是利用计算机识别出文本中词汇的过程。 1.典型应用：汉字处理：拼音输入法、手写识别

...