【零基础入门前端系列】—表格的属性(十三)

简介: 【零基础入门前端系列】—表格的属性(十三)

一、表格的基本属性

二、内容溢出

overflow:hidden/auto/scroll

默认内容多直接溢出

hidden:溢出部分隐藏(自动找高,自动找到原位置)

三、一行文字溢出省略号显示

/* 文字在同一行显示 */
            white-space: nowrap;
            /* 溢出部分隐藏 */
            overflow: hidden;
            /* 文字溢出 */
            text-overflow: ellipsis;
<style>
        .box {
            width: 200px;
            height: 200px;
            background-color: skyblue;
            /* 文字在同一行显示 */
            white-space: nowrap;
            /* 溢出部分隐藏 */
            overflow: hidden;
            /* 文字溢出 */
            text-overflow: ellipsis;
        }
    </style>
</head>
<body>
    <div class="box">
        王同学要努力 王同学要努力 王同学要努力 王同学要努力 王同学要努力 王同学要努力 王同学要努力 王同学要努力 王同学要努力
    </div>
</body>

四、行高

line-height:设置一行的高度(一行文字垂直居中,行高等于高度);取值 px number(数字) 字体大小*number=line-height

五、透明度


相关文章
|
1月前
|
前端开发 JavaScript 微服务
jeecg-boot前端实现表格插槽、定制化修改
jeecg-boot前端实现表格插槽、定制化修改
50 0
|
1月前
|
前端开发
Web前端---表格和表单
Web前端---表格和表单
27 1
|
1月前
|
存储 前端开发
web前端开发----------表格
web前端开发----------表格
47 0
|
6月前
|
前端开发
【前端】elementUI表格根据状态显示不同的字体颜色
【前端】elementUI表格根据状态显示不同的字体颜色
105 0
|
6月前
|
JavaScript 前端开发
前端基础 -JQuery之 对属性的操作
前端基础 -JQuery之 对属性的操作
25 0
|
2月前
|
移动开发 前端开发 JavaScript
分享24个强大的HTML属性,建议每位前端工程师都应该掌握!
HTML属性非常多,除了一些基础属性外,还有许多有用的特别强大的属性
|
3月前
|
前端开发
elementui-upload组件自定义样式上传(upload中常用的属性,但是网络上却找不到教程)(解决bug删除之后再次上传会上传删除的图片)专注后端工程师的前端速成
elementui-upload组件自定义样式上传(upload中常用的属性,但是网络上却找不到教程)(解决bug删除之后再次上传会上传删除的图片)专注后端工程师的前端速成
68 0
|
4月前
|
前端开发
前端知识笔记(一)———button的type属性
前端知识笔记(一)———button的type属性
99 0
|
25天前
|
前端开发
【零基础入门前端系列】—怪异盒模型和display属性(十九)
【零基础入门前端系列】—怪异盒模型和display属性(十九)
|
4月前
|
前端开发
【零基础入门前端系列】—背景属性(十二)
【零基础入门前端系列】—背景属性(十二)