栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

我想在选择框中垂直对齐文本

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

我想在选择框中垂直对齐文本

最好的选择可能是调整顶部填充并在浏览器之间进行比较。它并不完美,但我认为它离您可能的距离很近。

padding-top:4px;

您所需的填充量将取决于字体大小。

提示:如果您的字体设置为

px
,请同时设置填充
px
。如果您的字体设置为
em
,则
em
也要设置填充。

编辑

这些是我认为您可以使用的选项,因为垂直对齐方式在浏览器中不一致。

A.删除height属性,然后由浏览器处理。这通常对我来说是最好的。

 <style>    select{        border: 1px solid #ABADB3;        margin: 0;        padding: auto 0;        font-size:14px;    }    </style>    <select>        <option>option 1</option>        <option>number 2</option>    </select>

B.添加顶部填充以下推文本。(在某些浏览器中按下箭头)

<style>select{    height: 28px !important;    border: 1px solid #ABADB3;    margin: 0;    padding: 4px 0 0 0;    font-size:14px;}</style><select>    <option>option 1</option>    <option>number 2</option></select>

C.您可以使字体变大,以尝试使所选高度更好地匹配。

<style>select{    height: 28px !important;    border: 1px solid #ABADB3;    margin: 0;    padding: 0 0 0 0;    font-size:17px;}</style><select>    <option>option 1</option>    <option>number 2</option></select>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/615155.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号