css3 cursor reset visibility display vertical-align overflow outline

cursor :pointer  

visibility:hidden ##会占用元素位置 display:none ##不会占用位置

overflow:超出元素部分隐藏 overflow-x：auto overflow-y:

outline:none 文本框蓝色的边
vertical-align :baseline(基线）middle bottom (去除图片底侧空白缝隙vertical-align :middle| bottom) 只对行内元素和行内块元素有用

溢出的文字省略号显示_

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            margin: 100px auto;
            width: 100px;
            height: 100px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            visibility: hidden;
           vertical-align: ;
        }
    </style>
</head>

<body>
    <div>奇零遥槈爱你的克格勃额我</div>
</body>

</html>

　　

 

posted @ 2020-04-10 10:05  howhy  阅读(88)  评论(0)    收藏  举报