[HTML/CSS] CSS 점점점 말줄임표 효과 ellipsis
|
<html>
<head>
<style>
.ellipsis_test {
width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
</head>
<body>
<div class=”ellipsis_test”>문자열을 길게 입력해본다 문자열을 길게 입력해본다 문자열을 길게 입력해본다 문자열을 길게 입력해본다 문자열을 길게 입력해본다 문자열을 길게 입력해본다 문자열을 길게 입력해본다 문자열을 길게 입력해본다 문자열을 길게 입력해본다 문자열을 길게 입력해본다</div>
</body>
</html>
|