水平垂直居中
当把 line-height 的高度设置和 height 高度一样就能使 文字垂直居中
margin:0 auto; 水平居中;
超出文字隐藏
overflow: hidden;/*内容超出后隐藏*/ text-overflow: ellipsis;/* 超出内容显示为省略号*/ white-space: nowrap;/*文本不进行换行*/ 垂直居中
html,body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.content {
width: 300px;
height: 300px;
background: orange;
margin: 0 auto; /*水平居中*/
position: relative;
top: 50%; /*偏移*/
margin-top: -150px;
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/205942.html原文链接：https://javaforall.net
