我不知道我是否正確地提出了這個問題,因為我搜索了一些資訊但沒有找到我想要的東西。我在資料標題中有一個長文本(它屬于照片庫)。文本就在模態影像的底部,但我想把它放在頂部,我找不到編輯或更改資料標題位置的方法。也許在下一張圖片中它看起來更簡單:

html遵循下一個結構:
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="#" data-lightbox="photos" data-title="This is a text">
<img class="img-fluid" src="#">
</a>
</div>
我認為在這種情況下沒有必要編輯javascript,但也許我錯了。
uj5u.com熱心網友回復:
Elements 的資料集屬性并不統一,因此您不能隨便選擇一個隨機名稱并希望它能正常作業。不同的庫處理事情的方式非常不同。我認為您正在使用這個燈箱庫。它的檔案沒有提到任何關于改變描述位置的能力。查看上述庫生成的 HTML 結構,您可以應用以下 CSS 并希望它有效:
.lightbox {
display: flex !important;
flex-direction: column-reverse !important;
}
這個解決方案有點糟糕,即使是庫中的一個小改動也會破壞一切。此外,這會將整個 desc 容器移動到頂部。我認為這是您在不修改庫行為的情況下所能達到的最大目標。如果您真的想自定義這些元素,您應該實作自己的燈箱或找到一個允許您進行此類更改的庫。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/462397.html
上一篇:如何在反應應用程式中從服務器回應創建childElement
下一篇:清空值不會回傳原始過濾選項
