๋ฐ์ํ
HTML
<!-- ์ฝ๋๋ธ๋ญ ๋ผ์ด๋ธ๋ฌ๋ฆฌ -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/github-dark.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></script>
<!-- ์ฝ๋ ๋ธ๋ญ ๋ผ์ธ ๋๋ฒ -->
<script src="//cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js"></script>
<script>
hljs.initHighlightingOnLoad();
hljs.initLineNumbersOnLoad();
</script>
CSS
ํฐํธ & ์ฌ์ด์ฆ, ์คํฌ๋กค ์ถ๊ฐ ๋ฑ~
code {
font-family: 'Consolas', 'Nanum Gothic Coding';
font-size: 13px;
white-space: pre;
max-width: 850px;
max-height: 600px;
overflow: auto !important;
}
line number
/* for block of numbers */
.hljs-ln-numbers {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
color: #ccc;
vertical-align: top;
padding-right: 5px !important;
/* your custom style here */
}
/* for block of code */
.hljs-ln-code {
padding-left: 10px !important;
}
๋ชจ๋ฐ์ผ์์ ๋ผ์ธ๋๋ฒ ๋์ด๊ฐ ์ด์ํด์ /* Media Screen - Mobie */ ์์ ์ด ๋ถ๋ถ ์ฃผ์์ฒ๋ฆฌํจ
.entry-content table {
width: 680px;
/* table-layout: fixed; */
}
์ ์ฒด ํฐํธ ๋ณ๊ฒฝํ๊ธฐ
/* Type Selector Reset */
body {
font-weight: 400;
font-family: 'Noto Sans KR', sans-serif;
font-size: 1em;
line-height: 1.25;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
}
๋ณธ๋ฌธ ์ค๊ฐ๊ฒฉ ์กฐ์ line-height
.entry-content p {
margin-bottom: 24px;
font-size: 0.9375em;
/* line-height: 1.6; */
line-height: 2;
color: #666;
}
์ฐธ๊ณ
https://toproot.tistory.com/29
๋ฐ์ํ
'โฅ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๋ถ๋ฒ ์ํํธ์จ์ด ์ฌ์ฉ ์, ์ ์ ์ ์๋ ์ํด (0) | 2023.09.25 |
---|---|
CodeMirror (0) | 2022.05.16 |
์๋, ๊ฒฝ๋ ๋ณํ (0) | 2022.05.13 |
DATA ๋ฐ์ดํฐ๋ถ์๊ธฐ์ ํ๊ฐ (0) | 2021.11.05 |
ํ์ดํธ๋ (1) | 2020.08.07 |