2016-02-04 75 views
-4

大胆的正常,斜体正常的工作,但下划线 - 没有工作?为什么?如何修改第一个示例与更改样式参数。我不能删除下划线

<html> 
 
<head> 
 
<meta charset="UTF-8"> 
 
<style type="text/css"> 
 
vurgulu { 
 
    text-decoration: underline; 
 
    font-weight: bold; 
 
    font-style: italic; 
 
    font-size:40; 
 
} 
 
vurgusuz{ 
 
    text-decoration: none; 
 
    font-weight: normal; 
 
    font-style: normal; 
 
    font-size:40; 
 
} 
 

 
</style> 
 
</head> 
 
<body> 
 
Why output different? why first ex. zalimi underline?<br> 
 
<vurgulu>Zulmü alkışlayamam, <vurgusuz>zalimi</vurgusuz> asla sevemem;</vurgulu> 
 
<br> 
 
<vurgulu>Zulmü alkışlayamam, </vurgulu><vurgusuz>zalimi</vurgusuz><vurgulu> asla sevemem;</vurgulu> 
 
</body> 
 
</html>

回答

0

尝试改变vurgusuzdisplay: inline-block

<html> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <style type="text/css"> 
 
    vurgulu { 
 
     text-decoration: underline; 
 
     font-weight: bold; 
 
     font-style: italic; 
 
     font-size: 40; 
 
    } 
 
    vurgusuz { 
 
     text-decoration: none; 
 
     font-weight: normal; 
 
     font-style: normal; 
 
     font-size: 40; 
 
     display: inline-block; 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 
    Why output different? why first ex. zalimi underline? 
 
    <br> 
 
    <vurgulu>Zulmü alkışlayamam, 
 
    <vurgusuz>zalimi</vurgusuz>asla sevemem;</vurgulu> 
 
    <br> 
 
    <vurgulu>Zulmü alkışlayamam,</vurgulu> 
 
    <vurgusuz>zalimi</vurgusuz> 
 
    <vurgulu>asla sevemem;</vurgulu> 
 
</body> 
 

 
</html>