無序串列標記行為作為一個詞（行內）-有解無憂

嗨，我正在嘗試重新創建此設計，但我不知道如何應用該樣式來實作此目的。我正在嘗試使用 ul 標簽，但沒有成功。這是參考影像。

無序串列標記行為作為一個詞（行內）

.item-container{
  width: 260px;
}

<ul class="item-container">
  <li class="item">Te realizaremos algunas preguntas para validar tu identidad</li>
  <li class="item">Luego te enviaremos un código de verificación y un enlace</li>
  <li class="item">Accedé al enlace y seguí los pasos</li>
</ul>

uj5u.com熱心網友回復：

我不確定您所說的“我正在嘗試重新創建此設計”是什么意思，因為如果您想要一個無序串列，您可以這樣做：

<ul>
    <li>Hello</li>
    <li>Hi</li>  
    <li>How are you</li>
</ul>

雖然如果你試圖讓它溢位的文本在專案符號下被發送回，你可以添加這個 CSS：

ul {
    width: 100px;
    list-style-position: inside;
}

然后由您根據需要設定樣式

uj5u.com熱心網友回復：

我真的不明白你在找什么。會不會是：

子彈的風格？

<li>在這種情況下，這是元素的默認樣式：{list-style-type: disc;}

你的意思是每個串列元素之間的垂直距離？

這可以通過一個簡單的<br>元素來實作，如示例中所示，或者通過添加一些邊距。也可以通過display: flex（這里有一個很好的參考）

您希望這些行在示例中的確切位置結束嗎？

在此示例中，我通過向元素添加 awidht: 50%來做到這一點<li>，但不確定這是否適用于您的情況。還有其他方法可以做到這一點，但我們得到與示例中相同的結果

您希望字體相同嗎？

只需添加 font-family: Arial, Helvetica, sans-serif;元素<li>。

請添加更多關于您需要什么、您已完成什么以及您希望實作什么的詳細資訊

li{
  width: 40%;
  font-family: Arial, Helvetica, sans-serif;
}

<ul>
    <li>Te realizaremos algunas preguntas para validar tu identidad.</li>
<br>
    <li>Luego te enviaremos un correo con un código de verificación y un enlace.</li>
<br>
    <li>Accedé al enlace y seguí los pasos</li>
    </ul>

轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/410407.html

標籤：

上一篇：回傳的HttpClient沒有我保存到服務集合中的配置

下一篇：無法設定引導卡體的寬度