当屏幕不够大时,我找不到如何指定字符串应该在哪个点断开.例如,我希望文本«Commune：CENON-SUR-VIENNE»打破冒号后的角色.是否有一种语法允许手动指定,而不是让Bootstrap CSS自动执行？
我在下面添加了一段HTML代码.我已经在< head>中指定了元标记. ：
<Meta name="viewport" content="width=device-width,initial-scale=1.0">
截图：
<div class="container">
<div class="tab-content">
<div class="col-lg-5">
<div>
<h4>Commune : CENON-SUR-VIENNE</h4>
</div>
</div>
</div>
</div>
解决方法
你可以试试这个.
https://jsfiddle.net/5vwh46f8/1/
将第二个单词放在span中并添加样式inline-block.
<div class="container">
<div class="tab-content">
<div class="col-lg-5">
<div>
<h4>Commune : <span>CENON-SUR-VIENNE</span></h4>
</div>
</div>
</div>
</div>
<style>
h4 span{
display: inline-block;
}
</style>
