전자책제작응용2 [전자책 디자인]내어쓰기를 깔끔하게, 고정폭 빈칸 thin space 여러 가지를 목록으로 나열할 때 '불릿'을 씁니다. 아래아한글에서는 '글머리표'라고도 하고, 여기 티스토리 글쓰기 메뉴에서는 '리스트'라고 하네요. 그리고 불릿 기호 뒤쪽에 한 칸 띄고 내용을 시작하는 경우가 있습니다. 기호를 전각 기호로 쓴다면 상관없겠지만, 1.가나다 2.라마바 3.사아자 이런 식으로 번호를 붙이거나, 대시(-)처럼 키보드에서 바로 입력하기 편한 기호를 쓴다면, 1. 가나다 2. 라마바 3. 사아자 이렇게 기호 뒤에 한 칸을 띄는 게 보기에도 좋고 기호와 내용이 더 명확하게 구분됩니다. 1. 문제 그런데 이 불릿 기호 뒤에 일반적인 빈 칸(Spacebar)을 쓰면, 내용이 길어져 줄이 바뀔 때 띄어쓰기 간격이 달라집니다. 이렇게요. 전자책에서도 마찬가지 현상이 일어납니다. 불릿 기호 .. 2021. 3. 31. [전자책 디자인]그래프 최대 너비 지정하기, max-width 최근에 그래프가 많이 들어가 있는 책을 전자책으로 만들었습니다. 이 그래프 넣는 것을 놓고 고민을 좀 했습니다. 그냥 생각 없이 width=100%로 속성을 부여해 100% 너비로 지정하면, 화면을 가로로 늘렸을 때 이미지가 지나치게 커집니다. 그래프가 텍스트와 어울리지 않게 너무 커져 있어서, 한 화면을 거의 가득 채울 정도였습니다. 물론 이미지가 클수록 좋을 수도 있지만, 텍스트에 비해서 지나치게 큰 이미지는 책의 조화를 깨뜨립니다. 그래서 이미지 최대 너비를 고정해 주어 일정 정도 이상 커지지 않게 했습니다. 그러면 아래와 같이 나옵니다. 최대 크기를 고정한(두 번째 사진) 쪽이 좀 더 깔끔해 보입니다. 스마트폰과 같이 작은 화면에서 볼 때는 화면을 가득 채워야 그래프를 알아볼 수 있지만, PC 모.. 2021. 3. 30. 이전 1 다음
