观看记录
  • 我的观影记录
登录
测试首页如何设置jsp页面中table的宽度

如何设置jsp页面中table的宽度

jsp中的table控件是一个面板控件,本家儿如果展示面板内容的,table自带的有一个width属性是展示table宽度的,可是为了顺应整体一般我们利用style或者class的属性,具体方式如下

工具/原料

  • 电脑
  • 编纂器

方式/步骤

  1. 1

    首先我们打开我们的myeclipse获取idea如许的编纂器,然后在编纂器中写一个table标签,这里注重给出table的值

  2. 2

    然后我们可以在页面中看到此时展示的是没有样式的table样板,此时所有的数据没有颠末衬着,比力紧凑,也不是一个页面展示

  3. 3

    我们可以在table中引入样式标签style来设计table的样式,代码为

    style="width: 100%; max-width: 100%;margin-bottom: 20px;"暗示占用屏幕宽度的100%

  4. 4

    设置了屏幕展示table宽度后我们可以看到此时展示的样式如下,样式中数据已经充实睁开

  5. 5

    上一种法子是利用内部元素,还有一种法子是利用jquery ,在jquery中首先给table一个class属性,然后在JavaScript中经由过程.class属性获取这个table,然后给出样式设计

  6. 6

    按照上面的设计我们再颠末布景、宽度、高度的设计我们可以设计出一个比力都雅的table,具体展示如下

注重事项

  • jsp中我们需要注重样式之间的冲突,避免样式重叠

“如何设置jsp页面中table的宽度”关联的文章

切换深色外观
留言
回到顶部
首页
手机数码
医疗健康
金融管理
社交情感
无名