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