如何在html中的href中添加垂直文本对齐？答案

【问题标题】：How to add vertical text align in href in html?如何在html中的href中添加垂直文本对齐？
【发布时间】：2017-08-10 21:50:02
【问题描述】：

嘿，我有一个列表（我动态创建了 html），在该列表中我添加了许多超链接。现在我想在中心添加该链接如何做到这一点？请帮助我

"<FONT SIZE=5;face=Droid Sans>"+"<p style=text-align:center>"+"<a  id='"+i+"'  href='#' >" +value +  "</a>"+"</p>"+"<hr style='border:1px solid #EBEBEB'/>"+"</FONT>"+ "</li>");

【问题讨论】：

标签： html href text-align

【解决方案1】：

尝试使用嵌入外部样式而不是内联样式。我使用line-height 进行垂直对齐，使用text-align: center 使文本居中。

为锚点添加垂直对齐的示例：

.anch{
    font-size:12px;
    color:green;
    display:inline-block;
    height:100px;
    width:300px;
    border:1px solid black;
    text-align:center;
    vertical-align:top;
    line-height:100px;
}

&lt;a href="#" class="anch"&gt;Anchor&lt;/a&gt;

【讨论】：

我动态创建了 html。请用内联样式指导我
CSS 属性是否为 'v-align:top;'存在？ 'vertical-align: top' 对吗？
是的，我需要文本垂直对齐中心
@user1324068，我更新了链接，但是尝试使用css类，它使代码更清晰易懂。
@PalAls 用户 1324068 正在谈论“垂直对齐”而不是水平对齐

【解决方案2】：

您好，您可以像这样通过简单的 css 在 HTML 中的 href 中提供垂直文本：-

  <a href="#" style="width:200px; height:100px; background:red; display:table-cell; vertical-align:middle; text-align:center; color:black;">shailender</a>

希望对你有帮助.....

或查看演示：- http://jsbin.com/uwemuy/edit#html,live

【讨论】：