我試圖將我的超鏈接移動到網頁的左下角。現在,超鏈接在我網頁的左上角。
提前感謝大家的評論:]
這是我添加的試圖將我的鏈接向下移動的代碼行(失敗):
transform-origin: left bottom 0;
{
font-family : Times New Roman;
font-weight : bold;
font-size : 18px;
color : #25374C;
color : rgb(37, 55, 76);
transform: rotate(270deg);
transform-origin: left bottom 0;
text-decoration: none;
position: relative;
top: 6px;
}
<p class="socials_email"><a href="mailto:[email protected]?subject=Subject Content&body=Body Content" style="text-decoration: none;">[email protected]</a></p>
uj5u.com熱心網友回復:
Position 屬性僅適用于塊級別,因此您必須根據需要將 p 標簽指定為塊或行內塊,如果您愿意,可以在 w3schools 上檢查它們之間的差異,此外,相對位置指的是父位置(如果可用),但如果不可用,則它指的是檔案,所以我建議使用絕對位置,您可以閱讀 CSS Tricks 或任何其他資源的差異。
資源:定位:定位 行內與塊:行內與塊
所以你的樣式應該是這樣的:
p {
display:inline-block;
position: absolute;
bottom: 3vh;
left:5vw;
font-family : Times New Roman;
font-weight : bold;
font-size : 18px;
color : #25374C;
color : rgb(37, 55, 76);
transform: rotate(270deg);
text-decoration: none;
}
uj5u.com熱心網友回復:
您能否更具體地回答您的問題。我注意到你的 CSS 是 top:6px;
嘗試放置底部:6px;您的位置也是相對的(嘗試絕對)或
變換原點:左下0px;
我不確定這是否能回答你的問題,但希望這能有所幫助。您通常將 div 或段落放在 html 的底部,因此它位于底部。我真的在猜測你想要發生什么,但如果你提供更多細節,我將能夠幫助你實作你想要的。
uj5u.com熱心網友回復:
嘗試添加此行
.socials-email a {
font-family: 'Times New Roman', Times, serif;
font-weight: bold;
font-size: 18px;
color: #25374C;
position: fixed;
bottom: 1%;
text-decoration: none;
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/411885.html
標籤:
上一篇:最小高度不擴大
下一篇:我如何將背景放在css中
