/* 单行文本居中 */ text-align: center; /* 多行文本居中 */ text-align: center; display: flex; justify-content: center; align-items: center;
CSS 中,文字的居中和换行都可以通过 text-align 属性来实现。其中,单行文本的居中比较简单,只需使用 text-align:center 就可以了。但如果是多行文本的居中,就需要加上 display:flex、justify-content:center 和 align-items:center 等属性。
另外,文字过长时,大家常常需要进行自动换行。它可以通过 white-space 属性来控制。它有三个属性值,分别是:
/* 溢出隐藏 */ white-space: nowrap; /* 换行但不断单词 */ white-space: normal; /* 换行并断单词 */ white-space: pre-wrap;
其中 nowrap 表示禁止换行;normal 表示默认情况下的换行方式;而 pre-wrap 则可以在空格和单词处进行换行。
综上所述,掌握 CSS 中文字的换行和居中,可以帮助大家更好地设计网页的布局和美化效果。