要想如图二那样的效果，需要设置成左右2个区域，给你写个例子。
<div style="display:flex">
<span style="line-height: 40pxpadding-right:10px">18:00</span>
<span>即将开始<br />距离开始还有1：10：20</span>
</div>
1、首先打开hbuilder软件，新建一个html文件，里面设置一个3行一列的table表格。
2、然后在style标签中设置table的样式，给table一个宽度和高度，并且把字体调大，设置背景色；再设置td的样式，给它们添加word-wrap和word-break两个属性就可以了，此css属性表示 在长单词或 URL 地址内部进行换行。
3、然后打开浏览器，就可以看到文字已经自动换行了。
