gpt4 book ai didi

css - 如何在 Laravel 和 bootstrap 4 的 Blade 模板中将文本放置在虚线上

转载 作者:太空宇宙 更新时间:2023-11-03 21:03:40 25 4
gpt4 key购买 nike

我有一个小的 laravel 元素,它将变量 {{$docno}} 传递给 blade 模板。下面是 Blade 中的代码。

    <body>
<div class="container-fluid">
<div class="text-center">
<span><strong>Medical Certify</strong></span>
</div>

<div class="clearfix">
<span class="float-left normal">Ref No..........</span>
<span class="float-right normal" style="margin-top:-5px; position: relative">{{$docno}}</span>
<span class="float-right normal">Doc no ............</span>
</div>
</div>
</body>

我的需要是将变量 $docno 放在右边的 dotted 之上。但是上面的代码不能正常工作。对此有任何建议或指导,我们将不胜感激,谢谢。

最佳答案

我想您希望它看起来就像在虚线上填充了文本一样。更好的解决方案可能是在值中添加一条虚线。这样,您就可以确保文本始终处于正确位置。

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="clearfix">
<span class="float-left d-inline-block pr-3">Ref No. </span>
<span class="float-left d-inline-block" style="border-bottom: 1px dotted">{{$docno}}</span>
</div>

关于css - 如何在 Laravel 和 bootstrap 4 的 Blade 模板中将文本放置在虚线上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56577607/

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