我想用 html 制作一个字母模板,如下图所示,其中 nama siswa 将从数据库中填充,因为我们看到冒号总是在同一行。
我试过了
<div class="row">
<dl class="dl-horizontal">
<dt>Kelas :</dt><dd>X TIK 1</dd>
<dt>Wali Kelas :</dt><dd>Mitra Mulyani</dd>
<dt>Jumlah Siswa :</dt><dd>0</dd>
</dl>
</div>
最佳答案
使用 flex box 来实现它。谢谢
.d-flex p{
width:110px}
.d-flex{
display:flex
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<div class="col-sm-12">
<div class="d-flex">
<p>Kelas </p>
<p>:X TIK 1</p>
</div>
<div class="d-flex">
<p>Wali Kelas </p>
<p>:Mitra Mulyani</p>
</div>
<div class="d-flex">
<p>Jumlah Siswa </p>
<p>:0</p>
</div>
</div>
关于html - 将文本与 CSS 并排放置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55233719/