文本,数字,超出div的范围Bootstrap4的处理方式


发布时间:2020-03-02 12:55    作者: Uncle Hui   已过去:5 月   阅读总量:298 已被赞:1


<div class="container">
    <div class="row">
    <div class="col-sm-8" style="word-break: break-all">
        <p>left</p>
<p class="text-md-center">center</p>
<p class="text-right">right</p>
<p class="text-justify">Ambitioni dedisse scripsisse iudicaretur.
Cras mattis iudicium purus sit amet fermentum. Donec sed odio
operae, eu vulputate felis rhoncus. Praeterea iter est quasdam
res quas ex communi. At nos hinc posthac, sitientis piros Afros.
Petierunt uti sibi concilium totius Gall
iae in diem certam indicere. Cras mattis iudicium purus sit a
met fermentum.</p>
<p class="text-justify" style="word-break: break-all">111111111111111111111111111111111111111111111111111111111111
1111111111111111111111111111111111111111111111111111111111111111
1111111111111111111111111111111111111111111111111111111111111111
11111111111111111111111111111111111111111111111111111111111111111
111111111</p>
    </div>
    <div class="col-sm-4"></div>
    </div>

 如果文本很长,或者是很长的数字,会溢出div 同过添加class="text-justify" style="word-break: break-all",可以实现换行处理!

点赞

1




登陆后方可评论