CSS 文本超出指定宽度后隐藏并显示为省略号鼠标移上显示全文

css

<style type="text/css">

.over_flow{

         padding: 10px;

         width: 78px;

         height:30px;

         text-shadow: 3px 3px 3px #aaaaaa;

         border: 1px solid #;

         text-overflow: ellipsis;

         overflow: hidden;

         word-break: break-all;

         white-space: nowrap;

         }
</style>

html

<p class="over_flow"  title="AAAAAAAAAAAAAAAAA">

         AAAAAAAAAAAAAAAAA

</p>