我需要在移动的/小视图中的特定点处换行。例如,我希望文本公社:CENON-SUR-VIENNE在冒号字符后断开。是否有一种语法允许手动指定,而不是让Bootstrap CSS自动执行?
下面是我的一段HTML代码,我已经在<head>
中指定了 meta标记:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
截图:
HTML代码:
<div class="container">
<div class="tab-content">
<div class="col-lg-5">
<div>
<h4>Commune : CENON-SUR-VIENNE</h4>
</div>
</div>
</div>
</div>
7条答案
按热度按时间xytpbqjk1#
你可以试试这个。https://jsfiddle.net/5vwh46f8/1/
把第二个单词放在一个span中,并添加一个样式inline-block。
kzmpq1sx2#
使用“响应”
<br>
标记:u0njafvf3#
更直接的选择是使用Bootstrap内置的display classes,并根据屏幕大小隐藏
<br />
。在span中使用列或 Package 内容是多余的;只需添加一个小显示类,并根据需要显示/隐藏。
juud5qan4#
若要避免在连字符处断开,请使用不断开的连字符。(U+2011)
ni65a41a5#
可以使用可用类“”在视口断点“”之间切换内容。例如:
svdrlsy46#
我认为媒体查询可以给予你更好的控制。如果你只想在桌面上中断(1)而不想在移动的上中断(2)呢?
1.
HTML:
以及CSS:
lymnna717#
您可以通过减小字体大小以响应式管理