用div+css如何让字靠右对齐

html-css08

用div+css如何让字靠右对齐,第1张

可以用“text-align:right”让文字靠右对齐。

1、新建html文档,在body标签中添加div标签,为div设置一个id,这里以“demo”为例:

2、在div标签中添加文字,然后为div标签设置宽高和边框,这时默认情况下文字靠右对齐:

3、为div添加“text-align:right”,其中“text-align”指的是文本对齐方式,“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清除右浮动