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

海，我有一个列表（动态我创建的HTML），在该列表中，我增加很多的超链接。现在我想补充的中心环节是如何做到这一点？好心帮我如何在html中添加垂直文本对齐href？

"<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>");

来源

2012-05-30 user1324068

尝试使用嵌入外部风格不是内联风格。我使用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; 
 
}

<a href="#" class="anch">Anchor</a>

来源

2012-05-30 05:26:40 palAlaa

我创建的HTML动态.kindly引导我，内嵌样式 – user1324068

请问CSS属性“V对齐：首位;”存在？这是'vertical-align：top'的权利？ – Dipak

雅我需要文字垂直对齐中心 – user1324068

嗨，你可以通过简单的CSS给在HREF垂直文本中HTML这样的： -

<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

来源

2012-05-30 06:53:12

回答

相关问题