1
CSS3 사양은 word-wrap:break-word;
에 부분적으로 도움이됩니다. 크롬에서는 word-wrap:break-all;
을 사용해야하지만 하이픈은 없어야합니다. 내가 사용하고있다 text-align:justify;
크롬에 단어 분리에 하이픈이있을 수있는 해결책이 떠오르지 않았습니까?css3 word-wrap : break-word/break-all, 하이픈 없음
이 질문을 몇 번 본 적이 있지만 완벽한 해결책을 찾지 못했습니다.
다음은 현재 내가 사용하고있는 코드 샘플입니다.
.threecolumn {
-moz-column-width: auto;
-moz-column-count: 3;
-moz-column-gap: 20px;
-moz-column-rule-color: none;
-moz-column-rule-style: none;
-moz-column-rule-width: 0;
-webkit-column-width: auto;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
-webkit-column-rule-color: none;
-webkit-column-rule-style: none;
-webkit-column-rule-width: 0;
column-width: auto;
column-count: 3;
column-gap: 20px;
column-rule-color: none;
column-rule-style: none;
column-rule-width: 0;
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
word-break:break-all; /* chrome, no hyphens :(*/
}
작품 FF와 Safari에서 찾을 수 있습니다.
사용 : 파이어 폭스 : 17 크롬 : 23 사파리 : 6.0.2
CSS3 Chrome에서 아직 하이픈 넣기가 지원되지 않습니다. – Sudarshan