table 的滚动,居中等问题

在写 table 的时候,如果有需求要求 thead 不动,tbody 滚动,这时候就需要 tbody 设置属性  display: block,overflow-y: scroll, 此时会出现另一个问题,tbody 的宽度只有table 的一半,解决这个问题需要设置tbody tr的 css 样式为 display: block, tbody td css 样式为 display: inline-block(这样写是因为 tbody 会出现多个项目)

时间: 05-12

table 的滚动,居中等问题的相关文章

table的滚动和行定位效果

tabel的表头信息固定 而内容滚动:实现:当div的内容超过样式设置的width .height时会出现相应的横向.纵向滚动条.利用这个让table的内容超过规定值时,自动出现滚动条. 而设置两个table;一个为表头信息.一个为内容.内容用一个div,包起来.连个table对齐即可. 定位效果:scrollTop()可以获取设设置当前滚动条距离顶层的高度,offset()获取匹配元素到当前窗口的相对位移,而top顾名思义:而最终得到元素到当前窗口的高度相对偏移量; offset()根据当前行

table表格整体居中

代码: 1 <div style="text-align: center;"> 2 <table border="1" style="margin: auto:" width='60%'> 3 ...... 4 </table> 5 </div> 如果只是单单用第一行代码,表格整体不会居中,但是字体会居中,这是因为text-align属性代表市元素中文本的水平对齐方式,只针对文本内容所以我们还需要再

ul 仿 table 循环滚动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

CSS行内元素和块级元素的居中

一.水平居中 行内元素和块级元素不同,对于行内元素,只需在父元素中设置text-align=center即可; 对于块级元素有以下几种居中方式: 1.将元素放置在table中,再将table的margin-left和margin-right设置成auto,将table居中,使在其之中的块级元素叶居中,但是这种方式不符合语义化标签的规范; 2.将块级元素转换行内元素(通过设置display:inline)后再居中.这种方式使居中元素变成行内元素而致使无法设置宽高; 3.设置父元素float:lef

bootstrap 响应式布局 居中问题

大家能够通过table来设置居中: display: table; width: auto; margin-left: auto; margin-right: auto;

创建可以滚动的表格

import java.awt.BorderLayout; import javax.swing.JFrame; import javax.swing.JScrollPane; import javax.swing.JTable; public class ExampleFrame extends JFrame{ public static void main(String[] args){ ExampleFrame frame=new ExampleFrame(); frame.setVisi

css 行元素和块元素 相互转换 居中

一.块级元素  行内元素 div.h1 或 p 元素常常被称为块级元素.这意味着这些元素显示为一块内容,即“块框”.与之相反,span 和 strong 等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”. 您可以使用 display 属性改变生成的框的类型.这意味着,通过将 display 属性设置为 block,可以让行内元素(比如 <a> 元素)表现得像块级元素一样.还可以通过把 display 设置为 none,让生成的元素根本没有框.这样的话,该框及其所有内容就不再显

css元素居中实现方法

关于css元素居中,查阅资料和实验有以下几种方法: 水平居中 1.最简单的在父元素中加入 text-align:center .这条语句不用关心子元素是否有固定的尺寸大小. 但只能对图片,按钮,文字等行内元素(display为inline或inline-block等)进行水平居中. 但要说明的是在IE6.7这两个奇葩的浏览器中,它是能对任何元素进行水平居中的. 2.子元素宽度确定,可以使用 margin:0 auto 或者 margin-left:auto ; margin-right:auto

父元素百分比 line-height设置文字居中

当父元素设置高度为百分比的时候 line-height的值自然也就不能是定值 不能用绝对的px值 ,但是给line-height设置百分比,实际上这个百分比是根据字体大小计算的,还是无法得出具体的百分比,所以遇到这种情况只能另辟蹊径,有两种解决办法:1.给父元素设置display:flex;align-items:center;justify-content:center;2.给父元素设置displa:table:需要居中的元素 设置 display:table-cell:vertical-al