<!DOCTYPE HTML>
<html>
<head>
<style>
p{
line-height: 20px;
width: 80px; height: 80px;border: black solid 1px;
text-overflow: ellipsis; overflow: hidden;
-webkit-line-clamp: 4;-webkit-box-orient: vertical;display: -webkit-box;word-wrap:break-word;
}
</style>
</head>
<body>
<p>가나다라마바사아자차카타파하가갸거겨고교구규</p>
</body>
</html>
출처: http://blog.mkszero.com/archives/393