用css实现div里面的文字靠右

在css中，可以通过给div元素添加“text-align: right; ”样式来让div里面的文字靠右。text-align属性可以设置元素中的文本的水平对齐方式，当属性值设置为“right”时可以把文本排列到右边。

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

css实现div里面的文字靠右

//文字右边对齐div{
    text-align: right;
}
    

text-align 属性规定元素中的文本的水平对齐方式。

该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。

【推荐教程：CSS视频教程 】

示例：

!DOCTYPE html>
    html>
    	head>
    		meta charset="utf-8">
    		style type="text/css">
			div{
    				width: 500px;
    				padding: 10px;
    				background: palegoldenrod;
			}
			.box{
    				text-align: right;
			}
    		/style>
    	/head>
    	body>
    		div>
    div中的测试文本--默认/div>
    		div class="box">
    div中的测试文本--右边对齐/div>
    	/body>
    /html>
    

效果图：

更多编程相关知识，请访问：编程视频！！

以上就是用css实现div里面的文字靠右的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！