gpt4 book ai didi

javascript - 用点填充两个文本元素之间的空间

转载 作者:太空狗 更新时间:2023-10-29 15:40:03 24 4
gpt4 key购买 nike

<分区>

我正在尝试找出如何自动填充两个对象之间的空间。我有菜单项和价格。

目标是这样的:

Burger..........................$9.99
Steak and Potato.........$14.99
Mac and Cheese.........$6.99

菜单项和价格之间的间距应该相同。用户可以输入菜单项和价格,我需要填写任何空格。

这是我试过的方法,但效果不佳:

.inLine {
display: inline-block;
}
 <h1 class='inLine menuItem'> Burger </h1> 
<span class='inLine dots'> .....................</span>
<h3 class='inLine price'> $9.99 </h3>
<br>
<h1 class='inLine menuItem'> Steak </h1>
<span class='inLine dots'> .....................</span>
<h3 class='inLine price'> $14.99 </h3>

<h1 class='inLine menuItem'> Mediterranean Chopped Salad </h1>
<span class='inLine dots'> .....................</span>
<h3 class='inLine price'> $14.99 </h3>

问题是无论元素名称有多长,点都需要占用正确的空间量。我已经尝试将点设置为 width: 100% 但似乎并没有这样做。有任何想法吗?

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