Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 性欧美成人免费观看视,日韩在线小视频,中文字幕一级毛片 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          Excel2010教程：Excel2010怎么操作凍結(jié)窗口？
          
        
           
          
	
	
          
		
                        
          用Excel工作表的凍結(jié)功能達(dá)到固定窗口的效果，那么Excel2010怎么操作凍結(jié)窗口？下面我們來(lái)看這種方法的具體操作步驟。
          • 軟件版本：
          • 軟件大小：
          • 軟件授權(quán)：
          • 適用平臺(tái)：
          • http://dl.pconline.com.cn/download/121649.html
          Excel2010怎么凍結(jié)窗口步驟/方法 打開(kāi)Excel工作表，如果要凍結(jié)“A1”行，那么我們就要選中“A2”單元格
          在菜單欄單擊“視圖”選項(xiàng)卡
          在窗口選項(xiàng)組中單擊“凍結(jié)窗口”的箭頭按鈕
          打開(kāi)的菜單點(diǎn)擊“凍結(jié)拆分窗格”命令
          現(xiàn)在在Excel界面，我們可以看到“A1”這一行的下面多了一條橫線，這就是被凍結(jié)的狀態(tài)！

          avaScript 中的對(duì)象是可變的，無(wú)論您是否將它們定義為const變量。事實(shí)上，const在定義對(duì)象時(shí)使用只會(huì)防止變量被重新賦值。但是，您可以重新分配const對(duì)象或數(shù)組的屬性，如下所示：
          const myObj = { a: 10, b: 20, c: 30 };
          myObj.a = 12; // { a: 12, b: 20, c: 30 };
          const myArr = [15, 25, 35];
          myArr[1] = 28; // [15, 28, 35];
          為了使對(duì)象不可變，我們可以利用Object.freeze()，這將在一定程度上防止添加新屬性并防止刪除和更改現(xiàn)有屬性。然而，雖然Object.freeze()提供了一些解決方案，但它只是將問(wèn)題緩解到下一個(gè)嵌套級(jí)別，因?yàn)閷?shí)際上它執(zhí)行的是淺凍結(jié)。這意味著作為對(duì)象或數(shù)組的屬性仍然可以改變：
          const myObj = {
          a: 1,
          b: 'hello',
          c: [0, 1, 2],
          d: { e: 1, f: 2 }
          };
          Object.freeze(myObj);

          myObj.a = 10;
          myObj.b = 'hi';
          myObj.c[1] = 4;
          myObj.d.e = 0;
          /*
          myObj = {
          a: 1,
          b: 'hello',
          c: [0, 4, 2],
          d: { e: 0, f: 2 }
          }
          */
          如您所見(jiàn)，Object.freeze()這是朝著正確方向邁出的一步，但只是淺凍結(jié)了對(duì)象。為了解決這個(gè)問(wèn)題，我們可以使用遞歸，檢查每個(gè)屬性本身是否是一個(gè)對(duì)象，如果Object.isFrozen()是false，則應(yīng)用Object.freeze()到它：
          const myObj = {
          a: 1,
          b: 'hello',
          c: [0, 1, 2],
          d: { e: 1, f: 2 }
          };

          const deepFreeze = obj => {
          Object.keys(obj).forEach(prop => {
          if (typeof obj[prop] === 'object' && !Object.isFrozen(obj[prop])) deepFreeze(obj[prop]);
          });
          return Object.freeze(obj);
          };
          deepFreeze(myObj);

          myObj.a = 10;
          myObj.b = 'hi';
          myObj.c[1] = 4;
          myObj.d.e = 0;

          /*
          myObj = {
          a: 1,
          b: 'hello',
          c: [0, 1, 2],
          d: { e: 1, f: 2 }
          }
          */
          在上面的例子中，我們應(yīng)用了我們之前描述的技術(shù)來(lái)確保給定的對(duì)象被深度凍結(jié)。
          更多內(nèi)容請(qǐng)?jiān)L問(wèn)我的網(wǎng)站：https://www.icoderoad.com
          果
          方法一：sticky 方式
          核心樣式
                  .pure-table-wrapper-div {
            overflow-x: scroll;
        }
    
        table.pure-table th:first-child,
        table.pure-table td:first-child {
            position: sticky;
            left: 0;
            z-index: 1;
            background-color: aliceblue;
        }

          解釋
          .pure-table-wrapper-div:
          這個(gè)類名應(yīng)用于包裹表格的 div 元素。它的樣式規(guī)則如下：
          overflow-x: scroll;: 當(dāng)內(nèi)容寬度超出容器寬度時(shí)，顯示水平滾動(dòng)條。這允許用戶在需要時(shí)水平滾動(dòng)查看表格的所有列。

          示例 HTML 結(jié)構(gòu)：

          <div class="pure-table-wrapper-div"> <table class="pure-table"> <!-- 表格內(nèi)容 --> </table> </div>

          table.pure-table th:first-child, table.pure-table td:first-child: 這兩個(gè)選擇器分別針對(duì) .pure-table 類的表格中的第一個(gè)表頭單元格（<th>）和第一個(gè)數(shù)據(jù)單元格（<td>）。

          它們定義的樣式規(guī)則如下：

          position: sticky;: 使用黏性定位。黏性定位元素在滾動(dòng)時(shí)會(huì)根據(jù)設(shè)置的 top、bottom、left 或 right 屬性值在特定位置 "粘附"。在本例中，由于定義了 left: 0;，這些元素會(huì)在左側(cè)邊緣粘附。 left: 0;: 在元素滾動(dòng)到視口左側(cè)邊緣時(shí)使其粘附。與 position: sticky; 結(jié)合使用。

           z-index: 1;: 設(shè)置元素的堆疊順序。值越大，元素越靠前。在這種情況下，將第一個(gè)單元格設(shè)置為 z-index: 1 可確保它在其他表格單元格之上。 

          background-color: aliceblue;: 為匹配的單元格設(shè)置背景顏色。這可以增強(qiáng)視覺(jué)效果，使粘附的單元格與其他單元格區(qū)分開(kāi)。
          這段 CSS 代碼的主要目的是實(shí)現(xiàn)表格的水平滾動(dòng)，并固定第一列，使其在水平滾動(dòng)時(shí)保持可見(jiàn)。同時(shí)，為第一列的單元格設(shè)置了背景顏色以增強(qiáng)視覺(jué)效果。

          總的來(lái)說(shuō)是：

          使用 position: sticky; 來(lái)固定第一列。在 table.pure-table th:first-child 中設(shè)置了 position: sticky; 和 left: 0;，并將 z-index 設(shè)為 1，以確保第一列在滾動(dòng)時(shí)會(huì)固定在屏幕上方。
          完整代碼
          <!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./purecss@3.0.0.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文檔</title>
    <style>
        .pure-table-wrapper-div {
            overflow-x: scroll;
        }
    
        table.pure-table th:first-child,
        table.pure-table td:first-child {
            position: sticky;
            left: 0;
            z-index: 1;
            background-color: aliceblue;
        }
    </style>
</head>

<body>
    <div class="pure-table-wrapper-div">
        <table class="pure-table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>品牌</th>
                    <th>型號(hào)</th>
                    <th>隨機(jī)字符串</th>
                    <th>說(shuō)明</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>本田</td>
                    <td>雅閣</td>
                    <td>2009-QWERTYUIOPASDFGHJKLZXCVBNM</td>
                    <td>這是一段中文說(shuō)明文字。</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>豐田</td>
                    <td>凱美瑞</td>
                    <td>2012-QWERTYUIOPASDFGHJKLZXCVBNM</td>
                    <td>這是一段中文說(shuō)明文字。</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>現(xiàn)代</td>
                    <td>領(lǐng)動(dòng)</td>
                    <td>2010-QWERTYUIOPASDFGHJKLZXCVBNM</td>
                    <td>這是一段中文說(shuō)明文字。</td>
                </tr>
            </tbody>
        </table>
    </div>
</body>

</html>

          中文不換行
          要去除表格中最后一列中文的換行效果，可以使用 CSS 的 white-space 屬性，將其設(shè)置為 nowrap，這樣文字就不會(huì)自動(dòng)換行了。
          添加了以下 CSS 樣式：
          table.pure-table td:last-child,
table.pure-table th:last-child {
    white-space: nowrap;
}

          這樣，最后一列中文就不會(huì)自動(dòng)換行了。其中 table.pure-table td:last-child 和 table.pure-table th:last-child 選擇器用于指定表格中的最后一列單元格，white-space: nowrap; 則是將 white-space 屬性設(shè)置為 nowrap，禁止其自動(dòng)換行。
          小結(jié)
          position: sticky 是 CSS 中的一種定位方式，可以實(shí)現(xiàn)元素在滾動(dòng)時(shí)固定在屏幕上，直到其滾動(dòng)到指定位置。相對(duì)于 position: fixed，position: sticky 有以下優(yōu)點(diǎn)和缺點(diǎn)：
          優(yōu)點(diǎn)：
          1. 不會(huì)脫離文檔流，因此不會(huì)影響其他元素的布局和位置；
          2. 可以在頁(yè)面滾動(dòng)到指定位置時(shí)自動(dòng)固定，無(wú)需手動(dòng)計(jì)算位置；
          3. 可以在滾動(dòng)到指定位置后自動(dòng)取消固定，不會(huì)一直占據(jù)屏幕空間，避免了 position: fixed 的潛在問(wèn)題；
          4. 可以在固定元素上設(shè)置 z-index 屬性，與其他元素進(jìn)行層級(jí)控制。
          缺點(diǎn)：
          1. 兼容性問(wèn)題：position: sticky 不是所有瀏覽器都支持，特別是在 IE11 及以下版本中不支持；
          2. 在某些情況下可能會(huì)存在性能問(wèn)題，尤其是在滾動(dòng)時(shí)固定的元素較多時(shí)，可能會(huì)導(dǎo)致卡頓和性能下降；
          3. 在某些情況下可能會(huì)存在滾動(dòng)到指定位置時(shí)出現(xiàn)抖動(dòng)的問(wèn)題，需要通過(guò)對(duì)元素和容器的尺寸、位置等進(jìn)行調(diào)整來(lái)解決。
          綜上所述，position: sticky 是一種靈活且易用的定位方式，具有很多優(yōu)點(diǎn)，但在兼容性和性能方面有一些缺點(diǎn)需要注意。如果要在項(xiàng)目中使用 position: sticky，需要在兼容性和性能方面進(jìn)行綜合考慮，以確保其正常運(yùn)行和良好的用戶體驗(yàn)。
          【兼容性好】postion 的 absolute 方式【需要指定首列寬度】
          核心樣式
                  .pure-table-wrapper-div {
            overflow-x: scroll;
            margin-left: 5em;
        }
      
        table.pure-table tr td:first-child,
        table.pure-table tr th:first-child {
            position: absolute;
            width: 5em;
            left: 0;
        }

          解釋
          這段 CSS 代碼主要是為了實(shí)現(xiàn)固定表格首列和橫向滾動(dòng)效果，并且在表格首列添加了固定的寬度。
          首先，.pure-table-wrapper-div 是一個(gè)包裹表格的 div 元素，通過(guò)設(shè)置 overflow-x: scroll，實(shí)現(xiàn)了橫向滾動(dòng)的效果。同時(shí)，通過(guò)設(shè)置 margin-left: 5em，在左側(cè)添加了 5em 的空白，使得表格不會(huì)緊貼在頁(yè)面最左側(cè)，美觀性更好。
          接著，table.pure-table tr td:first-child 和 table.pure-table tr th:first-child 選擇器用于選中表格中的第一列單元格，使用 position: absolute 將其從文檔流中脫離，并使用 width: 5em 指定其寬度為 5em，然后通過(guò) left: 0 將其固定在表格最左側(cè)。
          這樣，表格的首列就被固定在了左側(cè)，不會(huì)隨著表格的滾動(dòng)而移動(dòng)，同時(shí)也添加了固定的寬度，使得表格整體更加美觀和易讀。
          總的來(lái)說(shuō)，這段 CSS 代碼實(shí)現(xiàn)了表格的固定首列和橫向滾動(dòng)效果，同時(shí)也為表格首列添加了固定的寬度，提高了表格的可讀性和美觀性。
          完整代碼
          <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./purecss@3.0.0.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <style>
        .pure-table-wrapper-div {
            overflow-x: scroll;
            margin-left: 5em;
        }
      
        table.pure-table tr td:first-child,
        table.pure-table tr th:first-child {
            position: absolute;
            width: 5em;
            left: 0;
        }
    </style>
    <div class="pure-table-wrapper-div">
        <table class="pure-table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Make</th>
                    <th>Model</th>
                    <th>隨機(jī)數(shù)</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>Honda</td>
                    <td>Accord</td>
                    <td>2009-QWERTYUIOPASDFGHJKLZXCVBNM</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>Toyota</td>
                    <td>Camry</td>
                    <td>2012-QWERTYUIOPASDFGHJKLZXCVBNM</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>Hyundai</td>
                    <td>Elantra</td>
                    <td>2010-QWERTYUIOPASDFGHJKLZXCVBNM</td>
                </tr>
            </tbody>
        </table>
    </div>
</body>

</html>

          小結(jié)
          CSS 中的 position: absolute 定位方式可以讓元素脫離文檔流，并相對(duì)于它的最近的非 static 定位祖先元素進(jìn)行定位。相對(duì)于其他定位方式，position: absolute 有以下優(yōu)點(diǎn)和缺點(diǎn)：
          優(yōu)點(diǎn)：
          1. 可以精確控制元素的位置，可以在任何位置放置元素；
          2. 可以與其他元素重疊，實(shí)現(xiàn)復(fù)雜的布局效果；
          3. 可以讓元素脫離文檔流，不會(huì)影響其他元素的布局和位置；
          4. 可以通過(guò)設(shè)置 z-index 屬性進(jìn)行層級(jí)控制。
          缺點(diǎn)：
          1. 不會(huì)占據(jù)原來(lái)的空間，可能會(huì)導(dǎo)致其他元素填補(bǔ)其位置，影響頁(yè)面布局；
          2. 定位時(shí)需要手動(dòng)指定位置，不如其他定位方式使用方便；
          3. 在某些情況下，可能會(huì)出現(xiàn)元素位置計(jì)算錯(cuò)誤的問(wèn)題，需要仔細(xì)調(diào)整位置和尺寸。
          綜上所述，position: absolute 是一種靈活且強(qiáng)大的定位方式，可以實(shí)現(xiàn)很多獨(dú)特的布局效果，但需要注意它可能會(huì)對(duì)頁(yè)面布局和元素位置產(chǎn)生影響。在使用時(shí)，需要根據(jù)具體情況進(jìn)行綜合考慮，并在保證頁(yè)面布局和元素位置正確的前提下，盡可能地利用其優(yōu)點(diǎn)實(shí)現(xiàn)更好的頁(yè)面效果。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
久久一区二区三区精品|
亚州日本乱码一区二区三区|
日本免费电影一区|
国产一区二区视频在线观看|
亚欧在线精品免费观看一区|
午夜精品一区二区三区免费视频|
日韩一区二区三区精品|
国产乱码一区二区三区|
亚洲天堂一区在线|
99久久精品国产一区二区成人
|
亚州AV综合色区无码一区|
中文字幕一区二区人妻性色|
国产成人综合精品一区|
在线视频一区二区日韩国产|
国内精品视频一区二区三区
|
无码精品尤物一区二区三区|
久久国产一区二区三区|
日韩精品成人一区二区三区|
无人码一区二区三区视频|
中文人妻av高清一区二区|
91精品一区国产高清在线|
中文字幕人妻无码一区二区三区
|
国产亚洲一区区二区在线
|
国产日韩精品一区二区三区在线|
变态调教一区二区三区|
一区二区三区免费精品视频|
丰满人妻一区二区三区视频53
|
精品无码日韩一区二区三区不卡
|
91一区二区视频|
中文字幕乱码亚洲精品一区|
麻豆精品人妻一区二区三区蜜桃|
亚洲精品日韩一区二区小说|
成人精品一区二区不卡视频|
日韩伦理一区二区|
无码精品人妻一区二区三区免费
|
无码人妻一区二区三区免费n鬼沢
无码人妻一区二区三区免费看
|
成人欧美一区二区三区在线视频|
麻豆国产在线不卡一区二区|
日本人真淫视频一区二区三区|
国产精品成人国产乱一区|
日韩精品一区二区三区四区|