CSS中怎么实现vertical-align属性的效果？
<style>#ver{height:48px;width:600px;line-height:48px;border:2pxsolid#FF0000;}#veraspa...
<style>
#ver { height:48px;
width:600px;
line-height:48px; border:2px solid #FF0000; }
#ver a span{ vertical-align: text-bottom; height:18px; line-height:12px; display:inline;}
</style>
</head>
<body>
<div id="ver">
<a href="#"> <span>怎么实现vertical-align</span></a>
</div>
</body>
问题如题，我用这个属性完全没有效果，在网上找了一天了都没解决问题 展开
#ver { height:48px;
width:600px;
line-height:48px; border:2px solid #FF0000; }
#ver a span{ vertical-align: text-bottom; height:18px; line-height:12px; display:inline;}
</style>
</head>
<body>
<div id="ver">
<a href="#"> <span>怎么实现vertical-align</span></a>
</div>
</body>
问题如题，我用这个属性完全没有效果，在网上找了一天了都没解决问题 展开
4个回答
展开全部
把ver 中的span元素的display属性改为blcak为块状元素
#ver a span{
display：black
}
#ver a span{
display：black
}
追问
把span 定位块后，会导致换行呀
追答
因为 标签是行标签，在标签内输入的任何东西都在标签内部，必须把 标签转换成块标签，就是改变它的display属性，a 的长和宽可以根据自己的需要设置。样式如下
#ver { height:48px;
width:600px;
line-height:48px; border:2px solid blue; }
#ver a
{
border:1px red solid;
display:block;
width:200px;
}
#ver a span
{
vertical-align:text-bottom; height:18px; line-height:12px; display:inherit;}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
line-height和height的高度一致的时候才生效...
追问
嗯，我见网上这样说过，1楼说的我试过了，怎么还是不行啊
能不能写段代码看看啊
我研究过，这个只能在P标签中有部分属性有作用
我在这框里面怎么搞，都没反映
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
span是内联元素，你把他转为块元素它的height才有效果，然后vertical-align才有效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
