Safari Mac에서 CSS 열이 작동하지 않습니다.

Question

이 사이트의 getinjuryanswers.com에서 CSS 열을 추가했습니다. Chrome 및 Firefox에서는 제대로 작동하지만 Mac에서는 Safari에 콘텐츠가 표시되지 않습니다. 어떤 아이디어?

HTML :

<div class="twocolumns col-md-12"> 
<p class="representation-text"> 
<p class="representation-text">Many cases settle out of court, you therefore need an effective negotiator on your side. Attorney Curtis Quay spent several years defending insurance companies against personal injury claims. He understands how they think and the games they play to deny you compensation. This gives you the upper hand during the negotiation process.</p> 
<p class="representation-text">To recover for a personal injury case, you must prove the defendant was responsible for your harm. ITL has a strong network of investigators and professionals in San Diego to help build your case and get you the proper compensation. Proving damages can be complicated, but our lawyers have a proven track record of excellent results.</p> 
</div> 

CSS :

.twocolumns { 
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    /*column-count: 2;*/ 
    -webkit-column-gap: 30px; 
    -moz-column-gap: 30px; 
    /*column-gap: 30px;*/ 
} 

Answer 1

사파리 < 9.0 column-gap를 지원하지 않습니다. 동일한 효과를 얻을 수있는 해결 방법이 있습니다. 이미 콘텐츠를 분리하기 위해 두 개의 개별 요소를 사용하고 있기 때문입니다.

.twocolumns { 
width: 100%; 
} 
.twocolumns .representation-text { 
width: 50%; 
float: left; 
vertical-align: top; 
} 
.twocolumns .representation-text:last-child { 
width: calc(50% - 30px); 
margin-left: 30px; 
} 

는 또한 빈 <p class="representation-text">