中英字体不同导致的下划线不对齐问题

简介: 如果网页中定义的中英文字体不同,这会导致下划线不对齐。这种情况在IE浏览器中存在,Firefox浏览器无此问题。解决办法是: a:hover{     border:none;     text-decoration:underline;     color:#ff9900; ...

     如果网页中定义的中英文字体不同,这会导致下划线不对齐。这种情况在IE浏览器中存在,Firefox浏览器无此问题。解决办法是:

a:hover
{
    border
: none ;
    text-decoration
: underline ;
    color
: #ff9900 ;
    *vertical-align
: baseline ; //如果是IE浏览器这设置此样式
}

 

     CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a : active,可以简记为 LVHA:


a:link
{ font-weight  :  bold  ; text-decoration  :  none  ; color  :  #c00  ; }
a:visited 
{ font-weight  :  bold  ; text-decoration  :  none  ; color  :  #c30  ; }
a:hover 
{ font-weight  :  bold  ; text-decoration  :  underline  ; color  :  #f60  ; }
a:active 
{ font-weight  :  bold  ; text-decoration  :  none  ; color  :  #90  ; }  

 

相关文章
用word快速将数字字体换成新罗马详细简单方法
用word快速将数字字体换成新罗马详细简单方法
3925 0
用word快速将数字字体换成新罗马详细简单方法
|
8月前
|
前端开发
字符间距
字符间距。
64 1
|
8月前
|
前端开发
文本对齐
文本对齐。
34 1
|
前端开发
CSS:设置字母间距、中文汉字间距
CSS:设置字母间距、中文汉字间距
|
Java
leetcode:68.文本左右对齐
leetcode:68.文本左右对齐
99 0
|
前端开发 程序员
小细节:盒模型里面连续输入英文和数字不会自动换行,汉字会自动换行
小细节:盒模型里面连续输入英文和数字不会自动换行,汉字会自动换行
105 0
泰山JDK8获取(宋体,12)中文问号?宽度为0的问题
泰山JDK8获取(宋体,12)中文问号?宽度为0的问题
94 0