怎么让div里的内容左上对齐?

html-css06

怎么让div里的内容左上对齐?,第1张

使用css里面的text-align:left属性就会自动左上对齐了。

例:

<div style="text-align:left">

这里加上了text-align:left会进行左对齐

</div>

text-align有三个属性,一个是left是左对齐,center是居中对齐,right是右对齐。

div+css左对齐分两种情况一种是:文字左对齐;另一种是区域块儿设置浮动,让他们往左浮动,而实现出来的效果即是左对齐;如下演示:

1、文字实现居左对齐

网页中实现效果:如下图

详解:主要属性:text-align:left使文字实现居左对齐   

扩展:text-align:right使文字靠右对齐,center文字居中;

2、区域块儿设置浮动实现居左对齐;div+css如下

网页中效果图:如下

详解:设置一个大的区域nav,里面包含两个部分区域块,nav1与nav2,使他们在nav中靠左浮动;主要标签:float:left靠左浮动;

扩展:float:right靠右浮动;而与之相关标签: clear:both则是去除左右浮动; clear:left去除左浮动 clear:right清除右浮动