我想使用 jQuery 在文本之前添加一個影像。下面是 DOM 中的 HTML。我不想使用其他頁面中使用的類名添加任何樣式,它也會受到影響
是否有可能使用不會更改的文本值(圖片1 示例文本)插入影像
例如:|影像| 圖 1 示例文本
<div class="a">
::before
"picture1 sample text"
::after
</div>
uj5u.com熱心網友回復:
要在某些文本之前插入影像,您可以簡單地在容器內插入一個影像 HTML 元素,使該容器成為一個 flexbox 并根據需要定義對齊方式。您可以在此處閱讀有關 flexbox 的更多資訊:https ://css-tricks.com/snippets/css/a-guide-to-flexbox/
div {
display:flex;
width:80vw;margin-left:10vw;
flex-direction:row-reverse;
justify-content:space-evenly;
}
span, img {
margin:10px;
}
img {
width:150px;
height:150px;
}
<div id="div1">
<span>Some text</span>
<img src="https://www.amazon.ca/images/I/617HkS2u3sL._AC_SS130_.jpg">
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/339266.html
下一篇:洗掉JS中的元素
