<u id="g9yg5"></u>

<video id="g9yg5"></video>

<source id="g9yg5"></source>
<b id="g9yg5"><acronym id="g9yg5"><bdo id="g9yg5"></bdo></acronym></b>

    1. <source id="g9yg5"><track id="g9yg5"><ins id="g9yg5"></ins></track></source>

      通過CSS顯示垂直文本的方法(css,web開發)

      時間:2024-04-20 04:41:22 作者 : 石家莊SEO 分類 : web開發
      • TAG :

      我們所創建的HTML元素基本上都認為是水平的框架。 我們更加注意寬度而不是高度,特別是當它涉及到文本時。 然而,有時候我們確實想以垂直方式顯示文本元素。 在以前那個腦癱的 Internet Explorers 時代,這完全是一場必敗之仗。 然而現在實現垂直文本就相當于輕輕地吹一口氣。 下面演示如何做到這一點!

      The CSS
      現在使用 CSS transforms 實現垂直文本是很容易的:

      代碼如下:


      /* 您可能需要添加瀏覽器前綴,參考:
      http://davidwalsh.name/vendor-prefixes
      */
      .vertical-text {
      transform: rotate(90deg);
      transform-origin: left top 0;
      }


      效果截圖如下:
      通過CSS顯示垂直文本的方法
      根據你想以哪個方向顯示垂直文本, 旋轉角度會有所不同,但它的旋轉值將使文本垂直。 這是一個有用的提示:

      代碼如下:


      .vertical-text {
      float: left;
      }


      浮動元素本質上類似于自動寬度(auto width)!
      CSS transforms 效率很高, 其能實現的功能比簡單地將文本垂直要強大很多,但通過上面的代碼,功能就實現了, 進步不也是很大嗎?

       </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
      本文:通過CSS顯示垂直文本的方法的詳細內容,希望對您有所幫助,信息來源于網絡。
      上一篇:怎么用CSS3實現好看的扇形菜單下一篇:

      6 人圍觀 / 0 條評論 ↓快速評論↓

      (必須)

      (必須,保密)

      阿貍1 阿貍2 阿貍3 阿貍4 阿貍5 阿貍6 阿貍7 阿貍8 阿貍9 阿貍10 阿貍11 阿貍12 阿貍13 阿貍14 阿貍15 阿貍16 阿貍17 阿貍18
      中文字幕第63久久_欧美乱人伦视频中文字幕_337p大胆精品_午夜亚洲福利在线老司机

      <u id="g9yg5"></u>

      <video id="g9yg5"></video>

      <source id="g9yg5"></source>
      <b id="g9yg5"><acronym id="g9yg5"><bdo id="g9yg5"></bdo></acronym></b>

      1. <source id="g9yg5"><track id="g9yg5"><ins id="g9yg5"></ins></track></source>