Jimmy小站

小明也有大梦想 — 蒋明/铭
当前位置:网站首页 / 前端开发笔记 / 正文

在写好样式的div中添加文字导致其位置偏移的解决办法

2016-04-28 / 前端开发笔记 / 2574 次围观 / 0 次吐槽

解决办法就是 对设置了display:inline-block;属性的元素 同时设置好vertical-align: middle; 

<style type="text/css">
    .box{
		
        display: inline-block;
        vertical-align: middle;
        width: 100px;
        height: 30px;
        box-shadow: 1px 1px 1px;
        border-radius: 10px;
        border-bottom-style:none;
        background-color: #00cc66;
        color:white;
        line-height: 30px;
        margin: 2px;
    }
    
    .box:HOVER {
        background-color: #00cc99;
        opacity:50%;
    }
</style>


推荐您阅读更多有关于“csshtml前端开发,”的文章

[一个Java程序猿的转型之路,读研深造,专注机器学习推荐算法]
本站所有文章如无特别注明均为原创。作者:吉米酱 ,复制或转载请以超链接形式注明转自 Jimmy小站
原文地址《在写好样式的div中添加文字导致其位置偏移的解决办法
额 本文暂时没人评论 来添加一个吧

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Copyright © Jimmy小站 Allrights Reserved.备案号:桂ICP备 15005996