常用CSS的布局问题；

2024-09-08 01:42:13

一、溢出文案省略号显示；

    //当文字长度超过50px会已省略好的方式显示；
　　 width:50px;
　　 overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

二、form表单label前的 * 号；

//怎么用最简单的方法加上 * 号呢？利用伪元素

label:before{

    content: "*";

    display: inline-block;

    margin-right: 4px;

    line-height: 1;

    font-size: 12px;

    color: red;

}

三、元素居中的方法：

方法一：通过定位移动

.父元素 {

    position: relative;

    height: 300px;

}

.子元素 {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

　　

最新文章

热门文章