나는 마진과 패딩을 시도했지만 한 그들은 제대로 동작하지 않습니다.CSS 텍스트 중복
답변
피들 : 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;
}
스크린 샷을보십시오 : http://imgur.com/a/k54ss. 그는 텍스트를 숨기고 싶다. – DRD
위대한 작품! – user3131192
이 height
속성을 사용하고 욕망의 효과를 얻을 수 em
값을 사용합니다. 이제 글꼴 크기를 늘리면 효과가 동일하게 유지됩니다. DEMO을 확인하십시오.
CSS
h1{background:gold; height:.9em;font-size:5em;color:white;overflow: hidden;}
HTML 텍스트에
<h1>Sample Text</h1>
내 대답이 도움이됩니까? –
녹색 체크 표시 아이콘을 클릭하면이 답변을 닫을 수 있습니까? –
낮은 'Z-index'. – mdesdev
'z-index'는 텍스트 요소가 위치한 경우에만 적용 할 수 있습니다. – DRD