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

简介: 如果网页中定义的中英文字体不同,这会导致下划线不对齐。这种情况在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  ; }  

 

相关文章
|
24天前
|
前端开发
文本对齐
文本对齐。
6 1
|
8月前
|
前端开发
中间文字,两边横线css
中间文字,两边横线css
|
5月前
|
前端开发
CSS:设置字母间距、中文汉字间距
CSS:设置字母间距、中文汉字间距
|
6月前
|
前端开发 JavaScript
标题字闪光效果
标题字闪光效果
21 0
|
12月前
通体背景与通体下划线的实现
通体背景与通体下划线的实现
|
前端开发 程序员
小细节:盒模型里面连续输入英文和数字不会自动换行,汉字会自动换行
小细节:盒模型里面连续输入英文和数字不会自动换行,汉字会自动换行
63 0
泰山JDK8获取(宋体,12)中文问号?宽度为0的问题
泰山JDK8获取(宋体,12)中文问号?宽度为0的问题
63 0
|
前端开发
【CSS】设置文本样式,包括文本颜色、对齐、缩进、行高等
CSS如何设置文本样式?常见的文本样式有哪些?
248 0
【CSS】设置文本样式,包括文本颜色、对齐、缩进、行高等