Jimmy小站

小明也有大梦想 — 蒋明/铭

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

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

解决办法就是对设置了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>

推荐您阅读更多有关于“css，html，前端开发，”的文章

[一个Java程序猿的转型之路，读研深造，专注机器学习推荐算法]

本站所有文章如无特别注明均为原创。作者：吉米酱，复制或转载请以超链接形式注明转自 Jimmy小站。
原文地址《在写好样式的div中添加文字导致其位置偏移的解决办法》