2017-10-25 27 views
0

은 다음과 같이 간단한 CSS 정의를 감안할 때 :.Net bundler는 더하기 기호를 만났을 때 공백을 제거합니까?

min-width: calc(50% + 12px);

는 CSS가 축소 된입니다/번들의 들러 특정 공백을 제거하는 것 같다 있도록이 같은 위 외모 :

min-width: calc(50%+ 12px);

물론 이는 유효하지 않은 CSS이며 브라우저에서 무시됩니다. 아무도 어떻게/왜 이런 일이, 그리고이 문제를 개선하기 위해 설정/수정의 일종 경우에는 알고 있습니까?

답변

0

.banner { 
 
    position: absolute; 
 
    left: calc(40px); 
 
    min-width: calc(50% + 12px); 
 
    border: solid black 1px; 
 
    background-color: yellow; 
 
    padding: 6px; 
 
    text-align: center; 
 
    box-sizing: border-box; 
 
}
<div class="banner">This is a banner!</div>