我有一系列段落文本內容,后跟一些無序串列。在它們上使用vertical-align: inherit;">" 時,它會與文本而不是專案符號點左對齊,這會導致專案符號點笨拙地向左太遠,或者在某些斷點中實際上在螢屏邊緣被部分切斷。
在這種情況下,是否有正確的方法或引導慣用的方法來更改樣式?
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<p class="container">A paragraph.</p>
<ul class="container">
<li>A list item</li>
<li>Another list item</li>
</ul>
uj5u.com熱心網友回復:
該類container與段落或串列無關。它旨在單獨用作外部結構元素或與其他網格元素(例如行和列)結合使用。
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<div class="container">
<p>A paragraph.</p>
<ul>
<li>A list item</li>
<li>Another list item</li>
</ul>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/537881.html
