如何鏈接

如何鏈接

.project-link { 
 
font-family:Arial; 
 
display:inline-block; 
 
color:#FFF; 
 
font-size:5vw; 
 
white-space:nowrap; 
 
text-decoration:underline; 
 
margin-right: 3%; 
 
line-height:120%; 
 
} 
 
body { 
 
    background-color: black; 
 
}

<a class="project-link" id="one" href="#modal1">Maru Speaker Design <sup> (1) </sup> </a> 
 
<

我試圖獲得（1）要標上標表示。

編輯https://jsfiddle.net/v1jn1nus/

加入PIC Arial字體。

我只是不明白。它的工作原理在小提琴太...該元素的

enter image description here

來源

2015-07-21 user2252219

我沒有改變你的代碼時，我加入了代碼片段。當我運行它時，'（1）'是被上限的。你有任何衝突的CSS附加？ –

當我運行您的代碼段時，這似乎對我有用。什麼不適合你？ –

呵呵。我使用隨附的css更新了OP。 – user2252219

這是vertical-align:super;所以檢查，如果你的風格不復位垂直對齊。

檢查：

.project-link { 
 
font-family:Arial; 
 
display:inline-block; 
 
color:#FFF; 
 
font-size:5vw; 
 
white-space:nowrap; 
 
text-decoration:underline; 
 
margin-right: 3%; 
 
line-height:120%; 
 
} 
 

 
.project-link > span { vertical-align:super; } 
 

 
body { 
 
    background-color: black; 
 
}

<a class="project-link" id="one" href="#modal1">Maru Speaker Design <span> (1) </span> </a> 
 
<

來源

2015-07-22 00:22:24

很酷，謝謝。這工作。 :) – user2252219

回答

相關問題