css-奇葩技巧记录

标签宽度由内容或子标签撑开

1. display:flex

// 例：使 li 的宽度由字标签span的宽度撑开，给 ul 设置flex布局。
html:
		

		    

		        哈哈
		        哈哈
		        哈哈
		    
		    

		        哈哈
		        哈哈
		        哈哈
		    
		    

		        哈哈
		        哈哈
		        哈哈
		    
		
css:
	.list{
		display:flex;
		flex-direction:column;
		align-items:flex-start; // 关键属性
	}