首頁 web前端 js教程 用js實作table單元格高寬調整,相容合併單元格(相容IE6、7、8、FF)實例_javascript技巧

用js實作table單元格高寬調整,相容合併單元格(相容IE6、7、8、FF)實例_javascript技巧

May 16, 2016 pm 05:31 PM
table 單元格 合併 調整

先上效果圖:

用js實作table單元格高寬調整,相容合併單元格(相容IE6、7、8、FF)實例_javascript技巧

CSS:

複製程式碼程式碼如下:

body{margin:0px; :0px;-moz-user-select:none;遊標:預設;}

.tabEditDiv{位置:絕對;寬度:15px;高度:15px;遊標:指標;}
.seltab{位置:絕對;寬度:15px;高度:15px;遊標:指標;背景:url(影像/seltab.gif) 不重複;}
.splitx{溢出:隱藏;位置:絕對;高度:3px;遊標:行調整大小;背景:紅色!重要;濾鏡:Alpha(不透明度=10); - moz-不透明度:0.1;不透明度:0.1; }
.spity{溢出:隱藏;位置:絕對;寬度:3px;遊標:col-resize;背景:紅色!重要;濾鏡:Alpha(不透明度= 10);-moz-不透明度:0.1;不透明度:0.1 ;}
#tabletitle{font-weight:bold;font-size:18px;height:30px;width :800px;margin:0 auto;text-align:center;font-family:宋體;line-height:30px ;}
#tabletitle 輸入{寬度:100%;邊框:0px;高度:28px;行高: 30px;文字對齊:中心;字體粗細:粗體;字體大小:18px;字體系列:宋體;}
.finelinetable{border-right:1pxsolid #000;border-top:1pxsolid #000;border-collapse: collapse;font-size:13px;width:800px;margin:0 auto;}
.finelinetable td{邊框左:1px實心#000;邊框底部:1px實心#000;):25px;}

HTML:


複製程式碼程式碼如下:


    
表格标题

    
        
            
        
        
            
            
            
            
            
            
        
        
            
            
            
            
            
            
        
        
            
            
            
            
            
        
        
            
        
        
            
            
            
            
            
        
        
            
            
            
            
        
        
            
            
            
             >


            
        
            
                
 
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1318
25
PHP教程
1269
29
C# 教程
1248
24
如何使用HTML、CSS和jQuery實現圖片合併展示的進階功能 如何使用HTML、CSS和jQuery實現圖片合併展示的進階功能 Oct 27, 2023 pm 04:36 PM

如何使用HTML、CSS和jQuery實現圖片合併展示的高級功能概述:在網頁設計中,圖片展示是一個重要的環節,而圖片合併展示是提高頁面加載速度和提升用戶體驗的常用技巧之一。本文將介紹如何使用HTML、CSS和jQuery來實現圖片合併展示的進階功能,並提供具體的程式碼範例。一、HTML佈局:首先,我們需要在HTML中建立一個容器來展示合併後的圖片。可以使用di

如何使用Java中的SequenceInputStream函數合併輸入流 如何使用Java中的SequenceInputStream函數合併輸入流 Jun 26, 2023 pm 03:03 PM

在Java開發中,我們常常需要合併多個輸入流來處理資料。而SequenceInputStream函數就是Java中提供的用於合併輸入流的函數之一,它可以將多個輸入流合併成一個更大的輸入流,方便我們進行資料處理。那麼,如何使用Java中的SequenceInputStream函數來實現輸入流的合併呢?接下來,本文將透過詳細的步驟介紹其具體實作方法和注意事項。 I

如何在C語言中合併兩個陣列? 如何在C語言中合併兩個陣列? Sep 10, 2023 am 09:05 AM

將兩個數組作為輸入,嘗試合併或連接兩個數組並將結果儲存在第三個數組中。合併兩個陣列的邏輯如下圖-J=0,k=0for(i=0;i<o;i++){//mergingtwoarrays  if(a[j]<=b[k]){   c[i] =a[j];   j++;  }else{ &nbs

快速上手:Java中的JSON數組合併和分割技巧。 快速上手:Java中的JSON數組合併和分割技巧。 Sep 06, 2023 am 10:21 AM

快速上手:Java中的JSON數組合併和分割技巧在現代的軟體開發中,資料的格式和傳輸變得愈發重要。其中,JSON(JavaScriptObjectNotation)是一種常用的資料格式,特別適用於前後端互動和資料儲存。在Java開發中,我們經常需要處理JSON物件和JSON數組。本文將介紹如何在Java中合併和拆分JSON數組,以及實現這些操作的技巧和示

如何解決Win10缺少1920x1080解析度問題 如何解決Win10缺少1920x1080解析度問題 Jan 06, 2024 am 09:08 AM

win10系統是一款非常優秀的系統,強大的穩定性是系統最厲害的地方,今天小編為大家帶來的就是win10解析度沒有1920x1080的解決方法!有需要的話就一起來看看吧。  win10系統解析度沒有1920x1080解決方法:註:win10解析度沒有1920x1080的問題都是因為顯示卡驅動導致的!所以我要只需要更新一下顯示卡驅動程式即可。 (具體操作步驟如下)1、右鍵點選電腦選擇管理開啟。 2、在開啟的管理介面中從左側找到裝置管理員。 3.繼續在開啟的裝置管理員介面中從左側找到顯示適配器開啟。 4.最後右鍵選

如何防止Excel刪除前導零 如何防止Excel刪除前導零 Feb 29, 2024 am 10:00 AM

自動從Excel工作簿中刪除前導零是否令人沮喪?當您在儲存格中輸入數字時,Excel通常會刪除數字前面的前導零。預設情況下,它將缺少顯式格式的儲存格條目視為數值。前導零在數字格式中通常被認為是無關緊要的,因此被省略。此外,前導零可能會在某些數值運算中造成問題。因此,零被自動刪除。本文將教你如何在Excel中保留前導零,以確保輸入的帳號、郵遞區號、電話號碼等數位資料格式正確。在Excel中,如何允許數字前面有零?您可以在Excel工作簿中保留數字的前導零,有多種方法可供選擇。您可以透過設定儲存格格

Edge瀏覽器如何更改網頁縮放比例 Edge瀏覽器如何更改網頁縮放比例 Jan 29, 2024 pm 09:06 PM

如何調整Edge瀏覽器網頁顯示比例?我們在使用edge瀏覽器的時候,想要調整網頁顯示比列應該如何調整,以下介紹!我們使用edge瀏覽器瀏覽網頁的時候,有些網頁的文字比較小,這種情況我們可以調整下網頁比例把整體頁面放大,這樣我們就可以清楚的看清文字,那麼具體的操作是什麼呢,小編下面介紹下!不會的話一起往下看吧!調整Edge瀏覽器網頁顯示比例技巧1、使用Edge瀏覽器開啟需要放大的網頁後,在瀏覽器右上角點選由三個點組成的「設定及其他」圖示。 2、之後在下方彈出的Edge瀏覽器選單視窗中找到「縮放」這一

如何在Windows 11上調整螢幕亮度 如何在Windows 11上調整螢幕亮度 Jan 02, 2024 pm 03:17 PM

在win11中,如果螢幕亮度太暗,會看不清楚畫面,太亮的話會晃眼,那麼win11怎麼調整螢幕亮度呢,其實在顯示設定裡就可以調整了,非常方便。 win11怎麼調整螢幕亮度:1、先打開下面的「開始選單」2、接著點擊上方的「設定」3、開啟後,進入右邊的「顯示」設定。 4.打開後,滑動亮度滑桿就可以調整螢幕亮度了。

See all articles
1
234567
8910111213
1415161718
 
     
    
     
> > > > > td>