2015-01-19 5 views
3

contenteditable="true"div 요소가 있습니다. 나는 두 개의 열을 만들기 위해 -webkit-column-count: 2을 주었다. 첫 번째 열을 입력하고 을 누르십시오을 입력하면 사파리의 두 번째 열로 이동합니다. Chrome에서는 효과가 있습니다. 당신이 첫번째 컬럼에 입력하고 가져 Enter 키를 누르십시오 값을 기록 유지하면 여기 편집 가능한 콘텐츠 div에 대한 Safari의 열 개수 Css 오류

<div class="textarea" contenteditable="true"></div>  

.textarea 
{ 
    width:400px; 
    height:300px; 
    -webkit-column-count:2; 
    -webkit-column-gap:25px; 
    border:1px solid #000; 
} 

합니다 ... 모형 jsfiddle

+0

추가입니다 첫 번째 열로 밀렸다. 또한 두 열을 채우면 다른 열이 생깁니다. 텍스트를 즉석에서 작성하는 것이 아니라 텍스트를 표시하도록 설계된 것이 틀림 없습니다. 그러나 크롬은 그것을 끝낸다. 정말로 재미 있습니다 ... 당신은 최신 사파리 (OS X Mavericks)로 이것을 시도하고 있습니까? – bostero2

답변

관련 문제