排版中想要实现文字超出的部分隐藏

如题：

<style>
    div {
      width: 200px;
      height: 200px;
      border: 1px solid orange;
      /* 强制文本在一行内显示 */
      white-space: nowrap;
      /* 超出部分显示省略号 */
      text-overflow: ellipsis;
      /* 注意下面这段代码必须要加否则不会生效 */
      overflow: hidden;
    }
  </style>
</head>
<body>
<div>
  哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
</div>

　　"overflow: hidden"这段代码是必须要加上的

posted @ 2020-10-17 17:17  coderLsq  阅读(21)  评论(0)    收藏  举报