당신이 결합 할 경우 CSS 모양 을 가진 contenteditable
이는 웹킷 브라우저에서 수행 할 수 있습니다.
먼저 플래그를 활성화해야합니다 : enable-experimental-web-platform-features
그런 다음 웹킷 브라우저를 다시 시작한 다음이 FIDDLE 을 확인하십시오 !
이 방법은 비표준 모양에도 적용됩니다.
마크 업
<div class="shape" contenteditable="true">
<p>
Text here
</p>
</div>
CSS
.shape{
-webkit-shape-inside: polygon(71.67px 204.00px,75.33px 316.47px,323.67px 315.47px,321.17px 196.00px,245.96px 197.88px,244.75px 87.76px,132.33px 87.53px,132.50px 202.26px);
shape-inside: polygon(71.67px 204.00px,75.33px 316.47px,323.67px 315.47px,321.17px 196.00px,245.96px 197.88px,244.75px 87.76px,132.33px 87.53px,132.50px 202.26px);
width: 400px;
height: 400px;
text-align: justify;
margin: 0 auto;
}
지구상에서 어떻게 그 다각형 모양을 얻었습니까?
이 사이트로 이동 하여 나만의 모양을 만드십시오!
플래그 활성화에 대한 참고 사항 : ( 여기에서 )
모양, 영역 및 혼합 모드를 활성화하려면
chrome : // flags / # enable-experimental-web-platform-features를 주소 표시 줄에 복사하여 붙여 넣은 다음 Enter 키를 누릅니다. 해당 섹션에서 '활성화'링크를 클릭하십시오. 브라우저 창 하단의 '지금 다시 시작'버튼을 클릭하십시오.