css文本换行行为 normal：使用默认的断行规则。break-all：允许在任意字符间断行，包括非空格字符。keep-all：只能在半角空格或连字符处断行（主要用于CJK文本，即中文、日文、韩文）。3. white-spacewhite-space属性用来设置如何处理元素中的空白。其属性值主要有以下几种：normal：合并空白符，允许自动换行。nowrap：合并...
CSS中的flex布局(一) 作用：解决当主轴上的项目无法一次性排列时的换行问题。选项：nowrap：不换行。wrap：换行，第一行在上方。wrapreverse：换行，第一行在下方。justifycontent：作用：设定项目在主轴方向上的对齐方式。选项：flexstart：项目靠近主轴起点对齐。flexend：项目靠近主轴终点对齐。center：项目在主轴方向上居中对齐。
3种实现CSS 上下居中的方法 1. 使用lineheight属性 适用场景：适用于单行文字的上下居中。 实现方法：将元素的lineheight属性设置为与元素高度相等。 注意事项：若中间文字包含多行且使用换行显示时，此方法效果可能不佳。2. 使用absolute positioning 适用场景：适用于非文字的上下居中，且元素具有明确高度的情况。 实现方法： 将父...
CSS3—flex弹性布局 baseline：根据容器内的项目的第一行文字基线对齐。stretch：容器内的项目没有规定高度或者auto的情况下，高度默认铺满容器。align-content 决定容器内的多行项目在纵向上的对齐方式。可选值：flex-start：多行垂直向上对齐。flex-end：多行垂直向下距底部对齐。center：多行垂直居中对齐。space-between：多...
最浅显易懂的CSS之flex布局(1)-07 wrap：换行，第一行在上方。wrap-reverse：换行，第一行在下方。3.flex-flow:flex-direction属性和flex-wrap属性的简写形式，默认值为rownowrap。4.justify-content定义了项目在主轴上的对齐方式。flex-start（默认值）：左对齐 flex-end：右对齐 center：居中 space-between：两端对齐，项目之间的间隔都...
