DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver中靈活使用網頁表格
Dreamweaver中靈活使用網頁表格
編輯:Dreamweaver相關     

在使用Dreamweaver制作主頁的時候往往需要改變表格的高度。然而有時當我們拖動表格的邊框,無論怎樣拖動,等到放下鼠標,表格卻又恢復到原來的樣子。

出現這種情況的原因在於我們已經為表格提供了一個固定的高度,當我們要改變表格的高度,尤其是壓縮表格的時候,表格的高度仍然保持原來的設定值,其直觀表象就是無論你怎樣拖動表格的邊框,表格的高度都不會變化。

在這種情況下,我們只需要去除掉表格高度的設定,然後拖動表格的邊框就可以了。那麼應該如何去除表格的高度設置呢?

首先需要選定表格。比較簡單的方法是,將光標移動到表格內,然後按“Ctrl+A”組合鍵,看看,這樣不是就選中了光標所在位置的最小的表格了嗎?

選定了表格以後,在屬性框中點擊一下“清除行高”圖標(圖中加框處的按鈕),表格的高度設定值就被取消了。這時表格的高度會按照表格的內容自動匹配高度。

當然刪除表格高度的方法不只上述一種方法,我們也可以選中表格,在表格的屬性框中直接刪除掉表格的高度值。

同樣,該方法也適用於改變表格的寬度的情況,只不過,選定了表格以後,刪除的不是行的高度,而是列的寬度。

這樣,就可以輕松進行調整表格的高度了。

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved