使用弹性盒子flex对html进行布局和动态计算视口高度

使用弹性盒子flex对html进行布局的一个练习

height: calc(100vh - 4px);   # vh表示视口高度的百分比,所以100vh表示整个视口的高度。

.mytxt {

    text-indent: 2em; /* 首航缩进2字符 */

    line-height: 2; /* 2倍行高 */

    padding: 8px; /* 内容与边框的距离 */

}



	
		
		
		
		
	
	
		

效果如图

使用弹性盒子flex对html进行布局和动态计算视口高度_第1张图片

你可能感兴趣的:(html,前端,css,flex弹性布局)