我正在尝试对齐 ekko-lightbox 中的文本(BS4) data-footer
向左转。默认右对齐。灯箱建立在 BS4 的模态上,因此灯箱的 data-footer
属性似乎变成了 Modal 的 modal-footer
.但是,无论我尝试应用什么 CSS 类,我似乎都无法将页脚文本向左移动。我尝试了一系列方法,包括将自定义类写入 <span>
页脚文本周围,还有一个应该影响任何 modal-footer
的自定义类在ekko-lightbox
里面容器。没有骰子。你知道解决这个问题的方法吗?非常感谢!
最佳答案
modal-footer
使用 flex box 并且有一个 justify-content
设置为 flex-end
。将其更改为 flex-start
,您的文本将左对齐。它基本上是在容器右侧开始 flex,因此文本看起来是右对齐的(实际上是左对齐的)。
附件是我在检查器中所做的更改的屏幕快照,它在左侧启动 flex,在视觉上为您的案例完成左对齐文本。
代码调整:
.modal-footer {
justify-content: flex-start;
}
更改为 flex-start
它如何呈现不变。
请注意,在这两个示例中,text-align
都被保留了。
关于html - 在 BS4 ekko-lightbox 中对齐页脚文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47058828/