CSS行高与字号

1. 利用fireworks还原盒子




    
    Document
    


    

效果:

CSS行高与字号_第1张图片

2. 文字可以将父亲标签撑出高度





    
    Title
    


    

文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字

效果:

CSS行高与字号_第2张图片

盒子高度:

CSS行高与字号_第3张图片

3. 单行文字在行高里是居中的(行高等于盒子高只适用于单行文本居中)





    
    Title
    


    

文字在行高里是居中的

效果

CSS行高与字号_第4张图片

4. 多行文本居中需要设置盒子的padding





    
    Title
    


    

文字在行高里是居中的文字在行高里是居中的文字在行高里是居中的文字在行高里是居中的 文字在行高里是居中的文字在行高里是居中的文字在行高里是居中的文字在行高里是居中的

效果

CSS行高与字号_第5张图片

 

你可能感兴趣的:(CSS)