• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    如何設置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
    • 閱讀 ( 1616 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    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 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆