css：联系我们-文字竖排

1. html

<div
      class="fixed-div"
      @click="showChat"
    ><i class="el-icon-eleme"></i>联系我们
</div>

2. css

.fixed-div {
  position: fixed;
  color: #fff;
  background-color: red;
  width: 50px;
  height: 150px;
  border-radius: 5px;
  display: flex;
  /* 文字竖排 */
  writing-mode: vertical-lr;
  text-orientation: upright;
  letter-spacing: 2px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 0 6px rgb(0 0 0 / 12%);
  cursor: pointer;
  z-index: 5;
  bottom: 160px;
  right: 40px;
}

3. 效果
   

标签：文字,center,color,竖排,fixed,css
来源： https://www.cnblogs.com/772330747wh/p/16407494.html