我的 HTML 如下：-
<link href="https://snip-share.herokuapp.com/static/css/prism.css" rel="stylesheet" />
<pre><code class="language-Python line-numbers">import time
print(time.time())</code>
</pre>
<script src="https://snip-share.herokuapp.com/static/js/prism.js"></script>上面代碼的輸出：
上面代碼的輸出 => https://i.stack.imgur.com/EDSVQ.jpg
預期輸出：
預期輸出 => https://i.stack.imgur.com/7esAU.png
只是意味著我只想根據里面的文本寬度設定黑框寬度??，所以請建議我這樣做......
希望我能讓你明白。
提前致謝。
uj5u.com熱心網友回復：
用容器元素包裝內容并應用display: inline-block到它。
div {
display: inline-block;
}<link href="https://snip-share.herokuapp.com/static/css/prism.css" rel="stylesheet" />
<div>
<pre><code class="language-Python line-numbers">import time
print(time.time())</code>
</pre>
</div>
<script src="https://snip-share.herokuapp.com/static/js/prism.js"></script>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/397851.html
標籤：javascript html css 棱镜js