HTML垂直對齊問題
[英]HTML vertical alignment issue
問題描述
我似乎找不到垂直對齊的正確解決方案。 這是我正在使用的一部分標記（注意：我正在使用Angular，因此{{something}}被替換為正確的文本）：
<td style="width:55%;text-align:center;vertical-align:middle">
<font size="3" color="#0B3861">
<label style="max-width:150px;background:#BDBDBD;border-radius:15px;padding:5px 10px 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis"
title="{{Legend}}"
dir="auto">
<b>
{{Legend}}
</b>
</label>
</font>
<span type="button"
ng-model="Notifs"
ng-click="Present_Notifications()"
style="background:green;padding:0 4px 0 4px;cursor:pointer;margin:0 0 10px 10px;height:50px">
<font size="2" color="white">
<i class="glyphicon glyphicon-flag"> </i>
</font>
</span>
</td>
我得到的是：
帶有白色標記的綠色框應與圖例（John Smith ...）垂直對齊（ 中間 ）。
誰能告訴我我在做什么錯？
謝謝！！
2 個解決方案
解決方案1
1 已采納 2016-07-24 12:38:27
只需添加vertical-align: middle; label標簽，它應該看起來正確。
請參閱柱塞 。
解決方案2
0 2016-07-24 12:29:18
我在Chrome的<!DOCTYPE html>運行它，確定。 您可以顯示所有表格標簽
垂直對齊和水平對齊問題
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.