关于链接下划线不齐的解决方法
来源:互联网 发布:优化设置大师 编辑:程序博客网 时间:2024/04/29 15:07
想必有些朋友跟我一样,也常会遇到在页面显示上有些链接的下划线是不齐的情况,而且好像好多网站上,甚至是一些公司的Web产品中也是这样,这种情况主要是一些发生在链接中即有中文又有英文字符的情况下,一般是英文字符的下划线会偏高一些,这样整体看起来非常难看。
要解决这个问题其实很简单只需要在你的链接样式中加上一句:
a {...}{ font-family: 微软雅黑,宋体; }
想必大家也猜出来了吧,其实造成这种问题的根本是英文字符的字高与中文字符的字高不一致导致的,那说到底原因主要是因为大多数朋友会在css 中整体上设置字体的类型:
*{...}{ font-family:Arail, 微软雅黑,宋体;}
这样的话:英文字符会首选英文字体,那么它的高度就会与中文字符不同,那么问题也就出现了。
另一种解决办法是将链接的下划线设置为none,另外再设置它的border-bottom即可:
a{...}{ text-decoration:none; border-bottom:solid 1px #ccc;}
好了,很简单,希望能对遇到此类问题的朋友有一些帮助。
- 关于链接下划线不齐的解决方法
- 去除链接的下划线
- 设置链接的下划线
- 关于a链接去掉下划线
- IE6/7下划线对不齐bug
- 关于TextView的下划线
- 关于Photoshop的网格对不齐的解决办法
- 关于CSS样式中,文字对不齐的解决办法
- word中关于mathtype公式对不齐的问题
- [vc]关于链接错误的解决方法
- 关于下划线的使用规范
- 关于python的下划线理解
- 技巧:实现链接的虚线下划线效果
- 自定多姿多彩的网页链接下划线
- 如何将链接的下划线做成虚线?
- 如何将链接的下划线做成虚线?
- CSS3 简单的链接文本自定义下划线
- 如何将链接的下划线做成虚线?
- IPv6 相关的脚本/插件开发设想
- 实名博客的缘起
- Repeater控件自定义数据源代码绑定实例
- Div+CSS布局
- 在ARM+Linux上移植NTP详解
- 关于链接下划线不齐的解决方法
- 处理WM_ERASEBKGND消息的实用方法
- LINQ 與 IEnumerable 介面
- Debugging
- 互联网应用平台的关口
- Apache 建立虚拟目录和设置默认页面
- MySQL中数据类型详解
- 认识Web.config文件
- asp.net跳转页面的三种方法比较