直接上html
<!DOCTYPE html>
<html>
<head>
<style>
.wrap{
border: 2px solid red;
width: 300px;
display: table;
}
.wrap .child{
width: 100px;
display: table-cell;
word-break: break-all;
}
.p1{
background-color: #0080FF;
}
.p2{
background-color: #C09853;
}
.p3{
background-color: plum;
}
</style>
</head>
<body>
<div class="wrap">
<p class="child p1">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p class="child p2">bbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
<p class="child p3">cccccccccccccccc</p>
</div>
</body>
</html>