티스토리 코드블럭 가로 스크롤 적용하기 (자동 줄바꿈 제거)

코드블럭에서 자동 줄바꿈이 일어나 가독성이 떨어진다
코드블럭 가로 스크롤 적용해 보자

 

 

Syntax Highlight의 경우에는 기본적으로 가로 스크롤이 제공

Highlight.js의 경우에는 그렇지 않은 경우가 발생

 

꾸미기 - 스킨편집 - html편집 - CSS - 마지막 하단에 추가

 

.hljs
{
    white-space: pre;
    overflow-x: auto;
}

 

---

추가된 영상

 

---

 

추가전 코드블럭 영상

 

추가후 코드블럭 영상

 

---

 

가로스크롤은 하단에 생성 된다.

 

using (OpenFileDialog fd = new OpenFileDialog())
{
    fd.InitialDirectory = Environment.GetFolderPath(Environment.SpecialFolder.Desktop); //바탕화면으로 기본폴더 설정
    fd.Filter = "txt files (*.txt)|*.txt|All files (*.*)|*.*"; //필터 설정
    fd.FilterIndex = 1; //1번 선택시 txt , 2번 선택시 *.*
            
    if (fd.ShowDialog() == DialogResult.OK)
    {
        filePath = fd.FileName; //전체 경로와 파일명 //선택한 파일명은 fd.SafeFileName
    }
}