每天新内容

常见的空元素：



---

1.怎么样文字上面出现等长度的边框
把元素 设置为行内元素，为了边框和文字一致 文字多宽，边框就多宽
display: inline-block;
border-top: 1px red solid;

• 给a设置高度宽度，但是a是行内元素，没办法设置宽度和高度，需要将a设置为块元素
• 实现文字后面裁剪，加省略号
  

 	   overflow: hidden;
       white-space:nowrap;
       text-overflow: ellipsis;
1
2
3

放大图片

  .img-wrapper {
        width: 200px;
        height: 200px;
        border: 1px solid red;
        /*放大之后，会有多余的部分，把它裁掉*/
        overflow: hidden;
    }

    img {
      /*起过渡效果，而不是突然由小变大*/
        transition: all .5s;
    }

    .img-wrapper:hover img {
        transform: scale(1.2);
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16