我有一些看起來像：
<ContentBlock
className={'text-gray-300 mt-4'}
>
Blah blah blah, blah BLAH, blah
<a href="foo.bar"
className={'underline text-gray-200 hover:text-blue-300'}>
foo bar
</a>
</ContentBlock>
顯示時，href 鏈接本身總是在換行符上。我怎樣才能讓它保持“附加”到以前的文本？
uj5u.com熱心網友回復：
1-第一個選項：
您可以display: inline-block同時用于a標簽和元素之前
.inline-block {
display: inline-block;
}<p class="inline-block"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima, !</p>
<a href="" class="inline-block"> learn more</a>2-第二個選項：
在文本標簽之前添加錨標簽
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima, !
<a href=""> learn more</a>
</p>2-第三種選擇：
將它們包裹在 flex 中
.flex {
display: flex;
align-items: center
}<div class="flex">
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima, !</p>
<a href=""> learn more</a>
</div>uj5u.com熱心網友回復：
您可以考慮嘗試將 CSS “display” 屬性添加到您的元素中： display: inline-block;
uj5u.com熱心網友回復：
你用的是順風嗎？然后呼叫該類inline。它是一樣的：display: inline-block;
<ContentBlock
className={'text-gray-300 mt-4'}
>
Blah blah blah, blah BLAH, blah
<a href="foo.bar"
className={'inline underline text-gray-200 hover:text-blue-300'}>
foo bar
</a>
</ContentBlock>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/317184.html