可以用“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清除右浮动