[英]How do I get my Links under my Links label?
我有一個磁貼,里面有一個鏈接 div 和實際鏈接。
我希望我的結果是鏈接,然后是列中的超鏈接。
這是我的 HTML 代碼
<div class="tile">
<div class="first">
<b>Links</b>
</div>
<asp:HyperLink id="hyperlink1" NavigateUrl="#" Text="Phone List" runat="server"/>
<asp:HyperLink id="hyperlink2" NavigateUrl="#" Text="FAQ" runat="server"/>
</div>
這是我的 CSS
.first {
float: left;
height: 100%;
width:10%;
}
.tile {
border-style: solid;
padding: 14px;
border-width: 3px;
color: black;
display: inline-block;
height: 130px;
list-style-type: none;
margin: 10px 40px 10px 20px;
position: relative;
text-align: center;
width: 270px;
border-radius: 25px;
box-shadow: 10px 10px 5px #888888;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCF11B), color-stop(1, #3874FF));
background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%);
vertical-align: top;
text-align: center;
}
你可以簡單地添加一個
<br>
在你的第一個 div 之后。 然后將您的鏈接包含到另一個帶有類的 div 中給它任何名稱,我將其命名為鏈接。
<div class="tile">
<div class="first"><b>Links</b></div>
<br>
<div class="links">
<asp:HyperLink id="hyperlink1" NavigateUrl="#" Text="Phone List" runat="server"/>
<asp:HyperLink id="hyperlink2" NavigateUrl="#" Text="FAQ" runat="server"/>
</div>
</div>
並將以下代碼添加到您的 css 中:
.links{
display: block;
text-align: left;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.