我怎樣才能一個接一個地顯示小螢屏的兩個鏈接。現在兩個鏈接是左和右。但我希望那些鏈接一個在底部。
<div className="homeContent">
<div className="content">
<h1>Text</h1>
<div className="pdf">
<a href="./media/XX.pdf" download="XX.pdf">XX Download</a>
<a href="./media/BB.pdf" download="BB.pdf">BB Download</a>
</div>
</div>
</div>
@media screen and (max-width:580px){
.homeContent {
h1 {
font-size: 3rem !important;
}
.content {
.pdf {
a {
// one after another
}
}
}
}
}
uj5u.com熱心網友回復：
添加display:block將a做你想做的事，就像這樣（我正在使用 css 以便它在這里作業）：
@media screen and (max-width: 580px) {
a {
display: block;
}
}<div className="homeContent">
<div className="content">
<h1>Text</h1>
<div className="pdf">
<a href="./media/XX.pdf" download="XX.pdf">XX Download</a>
<a href="./media/BB.pdf" download="BB.pdf">BB Download</a>
</div>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/438222.html
下一篇：我標記沒有將值傳遞給電子郵件