gpt4 book ai didi

css - 为移动/响应式设计指定换行点

转载 作者:技术小花猫 更新时间:2023-10-29 10:36:22 28 4
gpt4 key购买 nike

我需要在移动/小 View 中的特定点处换行。例如,我希望文本 « Commune : CENON-SUR-VIENNE » 在冒号字符后中断。是否有允许手动指定而不是让 Bootstrap CSS 自动执行的语法?

我在下面包含了一段我的 HTML 代码。我已经在 <head> 中指定了 meta 标签。 :

<meta name="viewport" content="width=device-width, initial-scale=1.0">

截图:

enter image description here

HTML代码:

<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 并添加样式内联 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>

关于css - 为移动/响应式设计指定换行点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37790283/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com