HTML div+css使用小技巧--持续更新

div中文字竖排

# css
.title-landscape {Writing-mode:tb-rl;Text-align:center;font-size:18pt;color: #ffffff;letter-spacing: 20px;min-height: 700px;margin-left: 10px}

<div class="title-landscape">竖排文字样式</div>

div中文字太长显示...

# css
.inner-title {width:400px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
<div class="inner-title" >这么多的文字能否全部展示？不能的话显示省略号即可...</div>

div设置一个自定义图标

.icon-tomcat {
        width: 32px;
        height: 32px;
        background: url('/img/icon-tomcat.svg') no-repeat;
        background-size: contain;
    }

# 在需要的地方配置class即可
<div class="icon-tomcat"></div>