文档章节

Table在DIV中以滚动条方式显示

言筱羽
 言筱羽
发布于 2016/06/23 17:04
字数 96
阅读 51
收藏 2

Table中的单元格不用设定宽度, 如果需要单元格变宽显示,可以使用padding进行操作

<style>
  div{
    width:95%;
    overflow-x:auto;
    overflow-y:hidden;
  }
  //以防表格变形
  table td{
    white-space: nowrap;
  }
</style>

<div>
  <table></table>
</div>

© 著作权归作者所有

共有 人打赏支持
下一篇: 泛型
言筱羽
粉丝 3
博文 36
码字总数 24651
作品 0
西安
程序员
私信 提问
Table显示滚动条

Table显示水平和垂直的滚动条,要先把table放到一个div中,div的长度和宽度要固定,控制overflow属性为scroll ... table的长度和宽度也要固定 ... 现在只要table的长...

101ttyy
2017/06/20
0
0
iframe框架的居中、滚动条、多种浏览器、多个分辨率下所遇到的问题

让iframe居中,让iframe不显示滚动条,并且在多个浏览器下和多种分辨率下不变形、都能正常显示。忙了很久总算有了点成果,期间几度崩溃(较菜无怪= = )。看了不少贴子,试了很多办法,在此总...

hitomi
2011/04/14
0
0
ios的Safari浏览器滚动条问题?

程序在ios的浏览器上访问,有一个页面是用iframe嵌套的,在iframe页面里是一个查询界面和显示结果的table,页面的布局是用 easyui做的,table是嵌在一个tab下的,在电脑端iframe里的页面超出...

malie0
2014/10/24
4.2K
1
CSS2样式表(属性·布局)

1、clear 语法: clear : none | left | right | both 取值: none : 默认值。允许两边都可以有浮动对象 left : 不允许左边有浮动对象 right : 不允许右边有浮动对象 both : 不允许有...

晨曦之光
2012/03/09
0
0
为什么div+table+原生select下拉框实现table滚动条,表里的下拉框被div遮挡

在开发过程中想用div包裹table实现滚动条效果, 但是table的td中包含有select下拉框, 当在div中添加了overflow-x:auto overflow-y:hidden 样式之后, 实现了水平的滚动条效果,但是再打开下...

Kkidou
2017/08/09
32
0

没有更多内容

加载失败,请刷新页面

加载更多

SonarQube+Scanners代码质量管理

简介 sonaqube是一个开源代码质量管理平台,致力于持续分析和测量技术质量。 系统构成 SonarQube平台由4部分组成: SonarQube服务器 Web服务器的开发者,管理者,浏览质量快照和配置SonarQu...

阿dai
56分钟前
0
0
mysql-router 8 yum安装

1.配置安装源 #配置MySQL5.7的安装源 #https://repo.mysql.com/mysql57-community-release-el7.rpm #https://repo.mysql.com/mysql57-community-release-el7-11.noarch.rpm rpm -Uvh https:/......

MichaelShu
今天
0
0
     甲骨人-MySQL网络课-day03

===================================================================================== ======================= 第三章 mysql SQL语句 1、mysql接口自带命令 1.1、\h 或 help 或 ? 1.2、......

hnairdb
今天
0
0
Redis异构集群之间数据迁移方案

一、Redis集群迁移工具 最近在做Redis数据迁移,网上找了两款开源的Redis迁移工具。 第一种:redis-port Codis官方提供的一个工具,redis-port是一个Redis工具,通过解析rdb文件,实现Redis...

IT--小哥
今天
3
0
解压zip包(zip4j)

1:引入zip4j_1.3.2.jar 2:源码如下: package test;import java.io.File;import java.io.IOException;import java.util.ArrayList;import java.util.List;import net.lingal......

uug
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部