JSFiddle - React, Tailwind, and code Playground

by chapgaga

HTML

test1
<div class="test1">
  <a>啊啊啊</a><a>顶顶顶</a><a>二二二</a><a>办不办</a><a>恶44</a><a>上电复位哦维尔</a>
</div>
test2
<div class="test2">
  <a>啊啊啊</a><a>顶顶顶</a><a>二二二</a><a>办不办</a><a>恶44</a><a>上电复位哦维尔</a>
</div>
test3
<div class="test3">
  <a>啊啊啊</a><a>顶顶顶</a><a>二二二</a><a>办不办</a><a>恶44</a><a>上电复位哦维尔</a>
</div>

CSS

.test1,.test2,.test3 {
  width:50%;
  border:1px solid red;
  margin: 20px;
  min-height:30px;
}


.test2{
  white-space:nowrap;
}

.test3 a{
  word-break:break-word;
}