整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
文繼續為您分享，適用 Oxygen 編輯器用戶和采購我們 PDF 樣式的用戶有關樣式技巧。
您將獲得 CSS PDF 技巧涉及
用戶抱怨無法滿足在表格內，部分表格中文文本豎向表達，如下圖示：
/* 定義表格內容旋轉樣式202210 */
*[class~="topic/entry"][rotate='1'] {
transform: rotate(0deg);
-ah-reference-orientation: -90;
vertical-align:middle!important;
white-space: nowrap!important;
}
*[class~="topic/entry"]> *[outputclass='verticaltext']{
writing-mode: vertical-rl;
white-space: nowrap;
}
0
本例參考了網上的例子，唯一不一樣的是，我這里的操作是一步一步講解，網上僅是源碼。
一、我們先創建一張空白的網頁，網頁要自適應手機。
圖1
二、我們再創建網頁的頭部。
圖2
圖3
三、做出來的網頁頭部太丑了，我們要去掉盒子與瀏覽器的間隙，還有給頭部加內部距離。
圖4
圖5
四、給網頁頭部添加一些內容。
圖6
圖7
五、接下來開始做導航條了。
圖8
圖9
六、發現沒，導航條居然看不見，沒有東西在里面自然是看不見的，我們加三個鏈接吧。
圖10
圖11
七、這回是看見了，不過樣式太丑，我們改改樣式。
圖12
圖13
八、加上內部距離，就好看了許多，即然是鏈接，我們加點動態吧，當鼠標在鏈接上面時，鏈接塊變色。
圖14
圖15
九、開始做網頁內容，網頁內容我分為三塊，左右兩邊是側欄，中間是主要內容。
圖16
圖17
十、我想讓它橫著排，它卻是豎著排，改改各個塊的樣式。
圖18
圖19
十一、給主體的各個塊加點內容。
圖20
圖21
十二、內容是有了，但你會發現各塊之間沒有間隙，貼得太近了，我們改一下樣式，加個內部距離。
圖22
圖23
十三、距離是有了，但有一個側欄跑到了另一行，怎么回事？原來padding是會改變盒子的整體寬度，我們原本是100%，現在多了padding的寬度，自然就換行了，解決一下吧。
圖24
圖25
十四、這回終于在一行了，接下來可以做網頁底部了。
圖26
圖27
十五、改改樣式，讓底部好看一點。
圖28
圖29
十六，這個時候，網頁的整體版面就完成了，再補充一個小內容，讓網頁瀏覽器在小于600像素寬的時候，主體內容的三個塊由橫變豎。
圖30
圖31
xcel豎排改橫排步驟如下：
首先，我們打開excel，如下圖，小編有一組已經輸好的數據，目前是豎排顯示的。
2怎么讓它變成橫排顯示呢？我們首先將數據框選起來，并右擊復制。
3在excel空白處選個單元格，作為橫排數據的起點。然后直接右擊，找到選擇性粘貼選項。
4選擇【選擇性粘貼】選項后，就會跳出下圖所示的小窗口。大家找到小編框選的【轉置】項目，目前它是沒有被勾選的。
5將【轉置】勾選，點擊確定。我們就可以得到橫排的數值了。
6同理，如果大家想要將原本橫排的數據變成豎排顯示，也只需選擇復制--選擇性粘貼--轉置，就可以完成橫豎排數值的轉換。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
