css中如何写才能让在同一个盒子中换行的文字居中对齐

html-css067

css中如何写才能让在同一个盒子中换行的文字居中对齐,第1张

要想如图二那样的效果，需要设置成左右2个区域，给你写个例子。

<div style="display:flex">

<span style="line-height: 40pxpadding-right:10px">18:00</span>

<span>即将开始<br />距离开始还有1：10：20</span>

</div>

1.在div里，让文字居中：<div

style="

width:800px

text-align:center

">kkkkk</div>

2.在span中，也是可以设置id的！在一般的标签当中都是可以设置id及class的！加油哟！

文字居中：text-align:center,有时候可能会因为其他属性的干扰使得文字不能居中，这是就需要看具体情况而定

<span>可以设置ID

一个标签可以有多个class

属性，用空格分开就行了，例如<span

id="s"

class="classone

classtwo">