2014-07-21 4 views
-1

나는 마진과 패딩을 시도했지만 한 그들은 제대로 동작하지 않습니다.CSS 텍스트 중복

+2

낮은 'Z-index'. – mdesdev

+0

'z-index'는 텍스트 요소가 위치한 경우에만 적용 할 수 있습니다. – DRD

답변

1

피들 : http://jsfiddle.net/UuEJ2/.

HTML :

<h1>Sample Text</h1> 

CSS :

* { 
    margin: 0; 
    padding: 0; 
} 

body { 
    padding: 10px; 
} 

h1 { 
    display: inline-block; 
    font: bold 48px/1 Sans-Serif; 
    background-color: #5e5e5e; 
    padding: 10px 20px 0 20px; 
    color: #eee; 
    overflow: hidden; 
    height: 40px; 
} 
+0

스크린 샷을보십시오 : http://imgur.com/a/k54ss. 그는 텍스트를 숨기고 싶다. – DRD

+0

위대한 작품! – user3131192

0

height 속성을 사용하고 욕망의 효과를 얻을 수 em 값을 사용합니다. 이제 글꼴 크기를 늘리면 효과가 동일하게 유지됩니다. DEMO을 확인하십시오.

CSS

h1{background:gold; height:.9em;font-size:5em;color:white;overflow: hidden;} 

HTML 텍스트에

<h1>Sample Text</h1> 
+0

내 대답이 도움이됩니까? –

+0

녹색 체크 표시 아이콘을 클릭하면이 답변을 닫을 수 있습니까? –