代码小功能实现

1.使一个div垂直居中:

示例1:






div居中




示例2:






div居中




2.实现三角形

示例1:(利用canvas实现)




  
  绘制三角形




 
 当前浏览器不支持canvas,请更换浏览器后再试
 




示例2:(利用html+css实现)



    
        
        三角形实现
        
    
    
        
      

3.实现三列(平分)



test



1
2
3

4.实现三列布局(两边宽度固定,中间栏宽度随浏览器大小改变)

示例1:position定位实现



    
        
        三列布局
        
    
    
        
        
left
mid

示例2:浮动实现



    
        
        三列布局——
        
    
    
        
        
        
left
right
mid

你可能感兴趣的:(代码小功能实现)