前端学习日志之文字向右的三个写法

• • • 文字向右的三个写法
    • div漂浮法
    • td宽度法
    • 文字方向法

• div漂浮法
• td宽度法
• 文字方向法

1.设置两个div，一个float:left向左漂浮，一个float:right向右飘浮

 

        
第一个盒子
        
第二个盒子
    
 

.d1,.d2{
		display: inline-block;
 }
.d2{
    float: right;
 }
.d3{
    width: 40%;
    border: 1px black solid;
 }

1.设置一个一行两列的table表格
2.第一列设置td的宽度width为90%，文字靠左
3.第二列设置td的宽度width为10%，文字靠右

        

            
            
第一个盒子
            
第二个盒子
        
    

td{
   border: 1px black solid;
 }
table{
 	  border-collapse: collapse;
 }

1.将需要靠右的文字放在p里面
2.设置一个样式dir:rtl意思是文字方向从右向左
（这里table是用来显示边框的，可以不用写）

 

        

            
第一个盒子
            
第二个盒子
        
    

p{
 	 direction: rtl;
     padding-right: 10px;
 }

如有其它方法欢迎各位大佬补充！