HTML按鈕垂直對齊
[英]HTML Buttons Vertical Alignment
問題描述
我試圖設置CSS以將鏈接顯示為按鈕。
我遇到的問題是，每當按鈕需要多行文本時，同一行上的其他按鈕就會稍微降低。
下面的代碼；
<html>
<head>
<style>
.pagebutton {
background-color: #0039a6;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 20px;
cursor: pointer;
border: 10px solid #0039a6;
border-radius: 16px;
margin:5px;
padding:10px;
width: 200px;
height: 50px;
</style>
</head>
<body>
<a href="https://www.google.com.au" class="pagebutton">Corporate Image Library</a>
<a href="https://www.google.com.au" class="pagebutton">Employee Assistance Program</a>
<a href="https://www.google.com.au" class="pagebutton">Employee Benefits</a>
<a href="https://www.google.com.au" class="pagebutton">Health Site</a>
<a href="https://www.google.com.au" class="pagebutton">News & Announcments</a>
<a href="https://www.google.com.au" class="pagebutton">Social Club Site</a>
<a href="https://www.google.com.au" class="pagebutton">Better Way Suggestions</a>
<a href="https://www.google.com.au" class="pagebutton">Phone Contact List</a>
<a href="https://www.google.com.au" class="pagebutton">Public Website</a>
<a href="https://www.google.com.au" class="pagebutton">Contact Template Procedure Decision Tree</a>
<a href="https://www.google.com.au" class="pagebutton">Whistleblower Integrity Hotline</a>
</body>
</html>
1 個解決方案
解決方案1
0 已采納 2018-01-17 02:07:24
將vertical-align屬性設置為top 。 此值的初始值導致多行內聯塊無法呈現在同一行上。
垂直對齊（HTML）
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.