我有 html -
可以看出，在文本中——很長的文本；有2個空格。
我想要 long 和 text 引入一行。
第一行應該只包含一個單詞，其余所有單詞在第二行。
像這樣的東西-
我怎樣才能實作它？
<div style='padding:12'>
<div style='background-color:red;display:inline-block;height:2.5rem;width:2.5rem;float:left;'>
<span style='vertical-align:middle;float:left;color:black;font-weight:bold;margin-left:20%;margin-top:15%'>7</span><div style='color:black;margin-left:140%;margin-top:3%;vertical-align:middle;width:50%'>very long text</div></div><br><br><br><br>
注意：- 這些<br> 的數量對于添加更多塊并保持它們之間的空間是必需的。
uj5u.com熱心網友回復：
我將與您分享我的 hack。我 在兩個我一直想在一起的詞之間使用，所以你可以寫很長的文字very long text。
代表非中斷空間。
最后，我建議你堅持使用語意 HTML，這個習慣在未來會非常有幫助，而且總有一種方法不會影響語意。
例如，在底部為 margin 給出類以給出 div(s) 之間的差距并消除<br>
uj5u.com熱心網友回復：
也許改變構建代碼的方法。有很多有用的 CSS 屬性，例如grid或flexbox。這是使用 flex 的示例
.c1 {
border: 1px solid red;
display: flex;
align-items: center;
gap: 10px;
}
.c2 {
background: red;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.c3 span {
display: block;
border: 1px solid green;
}<div style='padding:12;'>
<div style='background-color:red;display:inline-block;height:2.5rem;width:2.5rem;float:left;'>
<span style='vertical-align:middle;float:left;color:black;font-weight:bold;margin-left:20%;margin-top:15%'>7</span>
<div style='color:black;margin-left:140%;margin-top:3%;vertical-align:middle;width:100%;'>
<span class="break">very</span>
long text
</div>
</div>
<br><br><br><br>
<div class="c1">
<div class="c2">
7
</div>
<div class="c3">
<span>very</span>
long text
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/490608.html
標籤：javascript html jQuery 反应