jsp中的table控件是一個面板控件,本家兒如果展示面板內容的,table自帶的有一個width屬性是展示table寬度的,可是為了順應整體一般我們利用style或者class的屬性,具體方式如下
起首我們打開我們的myeclipse獲取idea如許的編纂器,然后在編纂器中寫一個table標簽,這里注重給出table的值
然后我們可以在頁面中看到此時展示的是沒有樣式的table樣板,此時所有的數據沒有顛末襯著,比力緊湊,也不是一個頁面展示
我們可以在table中引入樣式標簽style來設計table的樣式,代碼為
style="width: 100%; max-width: 100%;margin-bottom: 20px;"暗示占用屏幕寬度的100%
設置了屏幕展示table寬度后我們可以看到此時展示的樣式如下,樣式中數據已經充實睜開
上一種法子是利用內部元素,還有一種法子是利用jquery ,在jquery中起首給table一個class屬性,然后在JavaScript中經由過程.class屬性獲取這個table,然后給出樣式設計
按照上面的設計我們再顛末布景、寬度、高度的設計我們可以設計出一個比力都雅的table,具體展示如下
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!