dokuwiki의 code box 안에서 화면에 맞게 줄 바꾸기

개인적인 자료 정리를 위해서 dokuwiki를 사용하고 있는데, 웃기는 현상이 code tag를 사용하면 box 안에서 줄바꿈이 안된다는 것이다. css를 보니깐 pre 태그를 사용을 하는데, pre가 가지는 특성이 그냥 그대로 출력을 해주니... 이걸 틀렸다고 할 수도 없고 맞다고 할려니 너무 불편하고.. 

 답답한 마음에 구글링을 했더니 역시나 답이 나와있네.. : http://www.dokuwiki.org/tips:prewithwrap

 지금은 아래와 같이 수정을 했다. 혹시나 다음에 update를 하고 난후 또 수정해야할 일이 생길 것 같아서 메모해 둔다. 

 vi /usr/share/dokuwiki/lib/tpl/default/design.css

 

 Add bold line in pre css definition

div.dokuwiki pre {

  margin: 0 0 1.0em 0;

  white-space: pre-wrap;       /* css-3 */

  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */

  white-space: -pre-wrap;      /* Opera 4-6 */

  white-space: -o-pre-wrap;    /* Opera 7 */

  word-wrap: break-word;       /* Internet Explorer 5.5+ */

}

 서버 셋팅이 뭔가 점점 복잡해 지고 있다. ㅋㅋ