{% for term in terms %}
<marquee behavior="scroll" direction="right" scrollamount="1" > {{ term }}</marquee>
{% endfor %}
例如,如果條款是:
terms = ['term1', 'term2', 'term3']
它們當前垂直顯示并向右移動:
term1
term2
term3
但我希望它們在移動時顯示在一行:
term1 term2 term2
這可能與選框標簽嗎?
uj5u.com熱心網友回復:
你試一試
.marquee-wrapper {
display: flex;
}
marquee {
flex: 1;
}
<div class="marquee-wrapper">
<span>Recent Items: </span>
<marquee style="background-color: yellow;" behavior="scroll" direction="right" scrollamount="1">
<!-- {% for term in terms %}
{{ term }}
{% endfor %} -->
Text to move
</marquee>
</div>
這會將所有文本放在一個選框中,并且它將一個接一個地移動。
編輯
為 marquee 標簽添加了背景顏色
編輯-2
在選框之前添加了一個文本
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/347500.html
