您的位置:CSS5 > CSS入门 >

 

css text-align:right 居右

 

div css text-align:right 内容居右

text-align:right用于设置对象内文字或图片靠右居右显示。使用了内容排版属性text-align

p{text-align:right}

设置p标签内容居右显示。

相关阅读:text-align:lefttext-align:center

text-align:right使用小实例
为了看见实例内容靠右显示,对其设置CSS 边框CSS 宽度样式。
实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>text-align right使用实例 CSS5</title>
<style>
.yanshi{text-align:right;width:300px;border:1px solid #F00}
</style>
</head>
<body>
<div class="yanshi">我靠右显示</div>
</body>
</html>

以上实例代码可直接拷贝实践观察靠右居右实现。

text-align:right应用实例截图

div css内容居右text-align:right实例截图
div css内容居右text-align:right实例截图

标签(Tag): 居右
本文分享URL地址:http://css5.com.cn/css/1130.shtml

更多

上一页: 上一篇:css text-align:left 居左
下一页: 下一篇:css text-align:center 内容居中

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2016-11-26     点击:
原创:CSS5     来源网址:http://css5.com.cn/css/1130.shtml
本文css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!