由于文字内容的长度不确定性和页面布局的固定性,常常会遇到文字溢出的状况,有一下解决方法:
1:规定文字父容器的宽高,设置超出隐藏:overflow:“hidde”
2:css+div防止文字溢出,超出部分变成省略号。
3:用jQuery限制字符字数。
总之,在文字排版时,合理调整省略号的间距可以提升文章的美观程度和阅读体验。
内容垂直居中:
1)单行文本垂直居中可设置height和line-height相等;
2)多行文本垂直居中:
方法1:
父元素设置display: table;
子元素设置display: table-cell;vertical-align: middle;
方法2(利用flex):
display: flex;
justify-content: center;
flex-direction: column;