如何让div里面的a标签居中显示

如题所述

举例说明:

div布局

<div id="divList">

<div class="list"><img src="../../Images/pin_person.png" /><a border=0

href="#">aaaaaa</a></div>

<div class="list"><img src="../../Images/pin_person.png" /><a border=0

href="#">bbbbbb</a></div>

</div>

CSS 样式:

.list

{

height:45px;

line-height:45px;

overflow:hidden;

vertical-align:middle;

}

扩展资料:

DIV 标签

<div> 标签定义 HTML 文档中的分隔(DIVision)或部分(section)。div属于web前端的学习内容,其中<div> 标签常用于组合块级元素,以便通过样式表来对这些元素进行格式化。

<div> 可定义文档中的分区或节(division/section)。<div> 标签可以把文档分割为独立的、不同的部分。

它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。

参考资料来源:百度百科-DIV (层叠样式表单元的位置和层次)

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-09-04
举例说明:
div布局
<div id="divList">
<div class="list"><img src="../../Images/pin_person.png" /><a border=0 href="#">aaaaaa</a></div>
<div class="list"><img src="../../Images/pin_person.png" /><a border=0 href="#">bbbbbb</a></div>
</div>
CSS 样式:
.list
{
height:45px;
line-height:45px;
overflow:hidden;
vertical-align:middle;
}本回答被提问者采纳
相似回答