Skip to content

bootstrap_table

遇见王斌 edited this page Dec 5, 2019 · 1 revision

Bootstrap table

word-break:break-all 和 word-wrap:break-word 区别

word-break:break-all 和 word-wrap:break-word 都是能使其容器如 DIV 的内容自动换行。
它们的区别就在于:
1,word-break:break-all 例如 div 宽 200px,它的内容就会到 200px 自动换行,如果该行末端有个英文单词很长(congratulation 等),它会把单词截断,变成该行末端为 conra(congratulation 的前端部分),下一行为 tulation(conguatulation)的后端部分了。
2,word-wrap:break-word 例子与上面一样,但区别就是它会把 congratulation 整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断掉的。

使用

<table class="table" style="word-break:break-all;">
Clone this wiki locally