在css中，可以利用text-align属性来设置文本左对齐，只需要给文字所在标签添加“text-align:left”样式即可。text-align属性用于指定元素中的文本的水平对齐方式，当值为left时可把文本排列到左边。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中，可以通过给文字所在标签添加“text-align:left”样式来设置文本左对齐。text-align属性用于指定元素中的文本的水平对齐方式，当值为left时可把文本排列到左边。

text-align属性的可能值：left 把文本排列到左边。默认值：由浏览器决定。

right 把文本排列到右边。

center 把文本排列到中间。

justify 实现两端对齐文本效果。

下面通过代码示例来具体看看：

h1 {

text-align: center

}

h2 {

text-align: left

}

h3 {

text-align: right

}

这是居中对齐

这是左对齐

这是右对齐

效果图：

(学习视频分享：css视频教程)

对齐意味着文本在两条边上排列。但是，文本的最后一行仍将位于左侧或右侧。

因此...

左对齐强>

Lorem Ipsum is simply dummy text of the printing and |

typesetting industry. Lorem Ipsum has been the industry's |

standard dummy text ever since the 1500s, when an unknown |

printer took a galley of type and scrambled it to make a |

type specimen book. |

左对齐强>

|

Lorem Ipsum is simply dummy text of the printing and

typesetting industry. Lorem Ipsum has been the industry's

standard dummy text ever since the 1500s, when an unknown

printer took a galley of type and scrambled it to make a

type specimen book. |

|

右对齐强>

|

Lorem Ipsum is simply dummy text of the printing and

typesetting industry. Lorem Ipsum has been the industry's

standard dummy text ever since the 1500s, when an unknown

printer took a galley of type and scrambled it to make a

type specimen book.

|

我过去没有使用过这个，所以我不能100％确定你是否支持CSS所支持的特定行为。我认为W3Schools的这个链接会有所帮助，但是：http://www.w3schools.com/cssref/css3_pr_text-justify.asp

我有一个表单布局，我想显示左对齐的标签和右对齐的表单控件。我一直试图让它在表单控件上使用float：right(在这种情况下为a)，然后将clearfix类应用于它，但clearfix似乎不在我的选择框中工作。左对齐标签 - 右对齐选择元素(CSS)

这里有什么问题或是clearfix不能在select元素上工作吗？

但是，当我这样做时，选择框仍然延伸到包含div的底部之外。

我的代码：

#category-select {

left: 0px;

top: 0px;

width: 350px;

border: 1px solid #666;

}

select#category {

float: right;

}

select.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

2011-12-07

Barbs

+0

如果您希望选择框位于具有边框的框外，那么您必须将选择标签放置在“类别选择”div之外。 –