<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      如何讓textarea文本域寬度與高度width及height自動適應

      [摘要]這次給大家帶來怎樣讓textarea文本域寬度和高度width及height自動適應,讓textarea文本域寬度和高度width及height自動適應的注意事項有哪些,下面就是實戰案例,一起來看一下。<HTML> <HEAD> <TITLE>textare...
      這次給大家帶來怎樣讓textarea文本域寬度和高度width及height自動適應,讓textarea文本域寬度和高度width及height自動適應的注意事項有哪些,下面就是實戰案例,一起來看一下。

      <HTML>  
          <HEAD>  
          <TITLE>textarea寬度、高度自動適應處理方法</TITLE>  
          <!-- 控制寬度的自動適應 -->  
          <style type="text/css">  
          .comments {  
           width:100%;/*自動適應父布局寬度*/  
      overflow
      :auto;  
           
      word-break
      :break-all;  
          /*在ie中解決斷行問題(防止自動變為在一行顯示,主要解決ie兼容問題,ie8中當設寬度為100%時,文本域類容超過一行時,  
          當我們雙擊文本內容就會自動變為一行顯示,所以只能用ie的專有斷行
      屬性
      “word-break或
      word-wrap
      ”控制其斷行)*/  
          }  
          </style>  
          </HEAD>  
          <BODY>  
          <FORM   METHOD=POST   
      ACTION
      = " ">  
          <!-- 主要控制高度的自動適應 -->  
          <!-- 第一個是普通textarea -->  
          <textarea class="comments" rows="10" cols="10"> </textarea>  
          <!-- 以下兩種方式都可以解決textarea行高自動適應類容的高度 -->  
          <textarea class="comments" rows=1   name=s1   cols=27   onpropertychange= "this.style.posHeight=this.scrollHeight "></textarea>  
          <textarea class="comments" style="height:expression((this.scrollHeight>150)?'150px':(this.scrollHeight+5)+'px');overflow:auto;"></textarea>   
          </FORM>  
          </BODY>  
          </HTML>

      相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

      相關閱讀:

      html超級鏈接a的click事件之后跳轉href所指向的地址

      怎么在HTML中隱藏一段文字

      如何通過display或visibility來實現HTML元素的顯示與隱藏

      html里table表數據如何轉為Json格式

      以上就是怎樣讓textarea文本域寬度和高度width及height自動適應的詳細內容,更多請關注php中文網其它相關文章!


      網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




      日韩精品一区二区三区高清