文字过长显示省略号的一样简单解决方法,不用额外的其他框架


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字过长显示省略号title>
<style type="text/css">
.longtext{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
style>
head>
<body>
    <div class="longtext" style="width:300px;">我是很长很长的文字,我的所在的容器尺寸有限,所以我溢出了,并且显示省略号div>

body>
html>

页面显示如下:
文字过长显示省略号的一样简单解决方法,不用额外的其他框架_第1张图片

优点:不需要使用字符串截取等操作,也不需要使用struts标签函数库,也不需要编写JavaScript。
直接控制width即可。

推广

专业墙纸贴纸厨房用具装饰出售,本人网店经营,访问即是爱

博客对你有用记得访问下哦,增加下访问量,如有需要可以下单购买哦^_^。https://item.taobao.com/item.htm?id=570637716145

你可能感兴趣的:(html)