css - CSS - 在新行如果文本比block長,就移動span

  显示原文与译文双语对照的内容

我有block組件:


<div class="block">


 <span class="wrapper">


 <span class="title">Title:</span>


 <span class="text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>


 </span>


</div>




和樣式:


.block {


 max-width: 300px;


 background: orange;


 margin: 0 auto;


}



/*NEED TO ASSIGN THIS STYLES IF TEXT IS TOO LONG*/


/* .wrapper {


 display: grid;


 grid-gap: 7px;


} */



.title {


 font-weight: 800;


}



如果文本太長,只使用css,有沒有辦法指定註釋樣式?如果span太長,是否有其他方法可以在新行中移動?CodePen:https://codepen.io/carasmo/pen/ZmQQYy

时间:

我有block組件:


<div class="block">


 <span class="wrapper">


 <span class="title">Title:</span>


 <span class="text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>


 </span>


</div>




和樣式:


.block {


 max-width: 300px;


 background: orange;


 margin: 0 auto;


}



/*NEED TO ASSIGN THIS STYLES IF TEXT IS TOO LONG*/


/* .wrapper {


 display: grid;


 grid-gap: 7px;


} */



.title {


 font-weight: 800;


}



如果文本太長,只使用css,有沒有辦法指定註釋樣式?如果span太長,是否有其他方法可以在新行中移動?CodePen:https://codepen.io/carasmo/pen/ZmQQYy

...