嵌入式要點有額外的換行符

我已經將github gist嵌入到我的博客中，並且結果代碼在頂部和底部有一些額外的換行符，我想刪除它們。我的博客使用CSS從引導項目，同時也調整了字體：嵌入式要點有額外的換行符

body { 
    font: 100%/1.5 sans-serif; 
}

我已經created this fiddle作爲問題的演示。

擺脫休息的最佳方式是什麼？我應該設計嵌入式要點的字體嗎？謝謝！

來源

2013-04-02 Matt

請閱讀此：http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link-to-it –

@Diodeus，謝謝，這絕對有道理。我重寫了基於jsfiddle的問題。 – Matt

@MattBall你還在尋找解決嗎？我剛剛創建了一個小提琴。它的答案是自我。 – Mee

我想通了，它是行高。您需要確保代碼清單行號的行高與代碼本身的行高相匹配。

來源

2013-04-13 02:58:55

我不知道這是你在找什麼。

請對此jsFiddle

/* Your Css */ 
    body { 
      font: 100%/1.35 sans-serif; 
    }

難道我得到你的意思看一下嗎？頂部和底部的額外線條？

來源

2013-04-14 21:42:01 Mee

發生這種情況是因爲行號和代碼行中的line-height不同。這是因爲您使用行號（字體大小）和行代碼（引導程序覆蓋font-size和line-height的pre和code元素）的相對line-height（取決於字體大小）和不同字體大小。爲了解決這個問題，你可以github上學家重新引導方式：

UPD：

.gist pre, 
.gist code { 
    font: inherit; 
    white-space: pre; 
}

證明：http://jsfiddle.net/W25px/8/

來源

2013-04-17 14:29:59 sody

除了Sody的答案，你必須重新設置的字體，你也來更改white-space屬性行爲以對齊代碼和數字行。

有了：

.gist pre, 
.gist code { 
    font: inherit; 
    white-space: pre; 
}

你的要點應該完全顯示：JsFiddle

來源

2013-04-18 17:52:41 Pigueiras

體選擇之前添加這種風格* {line-height: normal;}

看到這個Fiddle

你也可以使用line-height: 100%比正常（小時你會發現Ë差）

而作爲在另一個答案中提到，您也可以使用內部

.gist pre, 
.gist code { 
    line-height: 100%; 
}

的line-height還有如果這還不能解決您的問題，保證金或填充值可能已設置。修改margin: 0; padding: 0;

來源

2013-04-19 04:56:46

似乎github gist嵌入腳本是以一種有趣的方式誤插1.5行高度。

<div class="gist"> 
    <script src="https://gist.github.com/yosemitebandit/5295069.js?file=train.py"> 
    </script> 
</div> 

.gist { 
    font:100%/1 sans-serif; 
}

似乎是一個簡單的修復。

來源

2013-04-20 02:54:07

嵌入式要點有額外的換行符

回答

相關問題