下部空間

我HTML下部空間

 <div id="ctl00_cphBreadCrumb_TDDF5635D005_ctl00_ctl00_Breadcrumb" class="RadSiteMap RadSiteMap_Sitefinity"> 
      <li class="rsmItem sfBreadcrumbNavigation"> 
       <a class="rsmLink" href="default">Default</a> 
       <span class="arrow"> &gt;</span> 
       </li> 
       <li class="rsmItem sfNoBreadcrumbNavigation"> 
        <span style="color: #999;font-family: myriadpro-bold-webfont;font-size: 10px;">Services</span> 
       </li> 
      </ul> 
     </div>

CSS：

.rsmLink { 
    position: relative; 
    text-decoration: none !important; 
    color: #044470 !important; 
    border-bottom: 1px solid #044470 !important; 
    font-family: myriadpro-bold-webfont !important; 
    font-size: 10px !important; 
    padding: 0 !important; 
    letter-spacing: 1px; 
}

但我得到的鏈接和邊界之間的一些空間。如果我使用下劃線而不是邊界，那麼它並不像預期的那麼低。我想要在邊界給出和下劃線之間給出空間。邊界的尺寸應該小於現在的尺寸。你可以幫我嗎？

Fiddle 謝謝。

來源

2014-03-12 SMI

這是你的代碼的小提琴http://jsfiddle.net/82tUA/ – BeNdErR

對不起，我沒有得到你改變的地方？ – SMI

我沒有改變任何東西..我只是用你的代碼做了一個小提琴:) – BeNdErR

它更text-decoration和border-bottom之間的黎的，但你可以嘗試使用僞元素是這樣的：

.rsmLink:before 
{ 
    content: ''; 
    position:absolute; 
    bottom:0; 
    width: 100%; 
    height: 1px; 
    background: #044470; 
}

FIDDLE

如果這是你需要的不完全是，你可以玩與底部規則...說bottom:-1px。

結果看起來類似於border-bottom，但是嘿，我會讓你做眯眼。

來源

2014-03-12 10:23:46 Danield

增加高度爲3px，並觀察不需要的行爲。 – SMI

你爲什麼要增加身高？你需要邊框厚度> 1px嗎？ - ...如果你*做* - 再次 - 只是調整底部規則 – Danield

如果我的邊界1px以上怎麼辦？ – SMI

剛剛添加line-height: 11px;並完成。感謝您的寶貴時間。

來源

2014-03-12 10:35:14 SMI

要小心諸如'yg'，'j'等字母。嘗試它們之前 – Mouloud

回答

相關問題