如何设置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中我们需要注重样式之间的冲突,避免样式重叠
  • 发表于 2018-12-27 00:00
  • 阅读 ( 1769 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具