css-奇葩技巧记录

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

  1. display:flex
// 例:使 li 的宽度由字标签span的宽度撑开,给 ul 设置flex布局。
html:
		
  • 哈哈 哈哈 哈哈
  • 哈哈 哈哈 哈哈
  • 哈哈 哈哈 哈哈
css: .list{ display:flex; flex-direction:column; align-items:flex-start; // 关键属性 }

你可能感兴趣的:(css,css)