html垂直居中,文本超出显示等样式

mac2024-03-20  41

单行文本垂直居中

.title{ height: 80px; line-height:80px;/* 标签高度=行高 */ text-align: center;/* 垂水平居中 */ }

块级元素垂直水平居中

.title{ display: table-cell;/* 定义为表格单元格 */ vertical-align:middle;/* 垂直居中 */ text-align: center;/* 垂水平居中 */ }

单行文本超出显示省略号

singleRow{ overflow: hidden;/*超出部分隐藏*/ text-overflow:ellipsis;/* 超出部分显示省略号 */ width: 250px;/*需要配合宽度来使用*/ }
最新回复(0)