当屏幕不够大时,我找不到如何指定字符串应该在哪个点断开.例如,我希望文本«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>
原文地址:https://www.jb51.cc/css/216057.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。