最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】Bootstrap中如何让每列的右边span的值靠左对齐一定宽度

右边 crifan 1099浏览 0评论
现在是:
希望实现:
左边的key是一定宽度的
右边的key,在右边显示,然后靠左对齐
变成这种
自己,针对左边key和右边value试了多种:
.book_detail_keys {
    ...
    /* min-width: 101px; */

    display:inline-block;
    width: 101px;
}

.book_detail_values {
    /* margin-inline-start: 101px; */
    /* margin-block-start: 101px; */
    margin-inline-end: 101px;
    /* margin-left: 101px; */
    ...
}
都不行。
bootstrap right value left align
html – left right alignment for key-pair value in bootstrap – Stack Overflow
试试:
display:inline-block;
width: 101px;
结果就可以了:
【总结】
此处给左边的key加上:
display:inline-block;
width: 101px;
即可实现:
左边的key的值,最大宽度是101px,然后右边value值,靠左对齐显示了。

转载请注明:在路上 » 【已解决】Bootstrap中如何让每列的右边span的值靠左对齐一定宽度

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
82 queries in 0.185 seconds, using 21.99MB memory