成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

CSS textarea高度自適應(yīng)問題解決方案

開發(fā) 前端
本文向大家介紹一下CSS textarea高度自適應(yīng)問題解決方法,用CSS控制textarea文本域的高度隨內(nèi)容的變化而變化,不出現(xiàn)滾動條。

你對CSS textarea高度自適應(yīng)的概念是否熟悉,這里和大家描述一下,希望對你的學(xué)習(xí)有所幫助。

CSS textarea高度自適應(yīng)

用CSS控制textarea文本域的高度隨內(nèi)容的變化而變化,不出現(xiàn)滾動條。

CSS代碼:

代碼如下:

  1. .t_area{  
  2. width:300px;  
  3. overflow-y:visible  
  4. }  
  5. <textareaclasstextareaclass="t_area"> 
  6. 隨便在這里輸入內(nèi)容,textarea的高度會隨著你輸入的內(nèi)容而變化,  
  7. 不會出現(xiàn)滾動條,實現(xiàn)很簡單,就是一段CSS:overflow-y:visible  
  8. </textarea> 

首先,原則上實現(xiàn)textarea自適應(yīng)必須適用CSS,不能直接適用“width=100%”這樣的寫法,具體示例:

代碼如下:

  1. <style> 
  2. textarea  
  3. {  
  4. width:100%;  
  5. height:100%;  
  6. }  
  7. </style> 
  8. <textareanametextareaname="textarea"> 
  9. xxxxx  
  10. </textarea> 
  11.  

 統(tǒng)一在FF、IE下的顯示效果:

如果用textarea的屬性字?jǐn)?shù)寬度(cols)和行數(shù)(rows)來控制textarea的大小你會發(fā)現(xiàn)在,在IE和FF下的每行字?jǐn)?shù)和文字的行數(shù)都不相同,而且在字?jǐn)?shù)不足滾動的情況下,IE是默認(rèn)有滾動條的,而FF是沒有滾動條的。
那如何控制textarea在IE中和FF中相同的效果呢,其實比較簡單:

1、用textarea的寬度(widht)和高度(height)來定義textarea的大小;

2、讓滾動條自適應(yīng):overflow-y:auto。

IE6中textarea寬度問題

textarea設(shè)了100%寬度,在IE7,FIREFOX都正常顯示.但在IE6里只要輸入文字就會自動增寬.

解決方法:在textarea外再加一個100%寬的div.

overflow的允許屬性:auto、visible、hidden

示例:

  1. overflow-x:visible;  
  2. overflow-y:visible;  

【編輯推薦】

  1. 探究CSS caption-side屬性使用
  2. IE6.0對padding的解讀分析
  3. CSS樣式表高效使用八大秘訣
  4. CSS Sprites簡介以及優(yōu)缺點
  5. IE6中常見CSS兼容性解決十大技巧

 

責(zé)任編輯:佚名 來源: jb51.net
相關(guān)推薦

2010-09-07 09:08:03

DIV彈出層

2010-08-26 12:59:29

marginCSS

2012-05-09 10:08:41

跨機房

2010-08-23 14:06:57

DIV+CSS

2010-08-26 16:27:46

CSS高度

2010-03-30 16:04:34

Linux Nginx

2010-09-27 13:14:42

JVM內(nèi)存限制

2011-03-23 16:38:28

LAMP

2010-04-28 19:24:17

Hp unix

2010-05-31 12:53:56

Nagios apac

2010-02-06 14:54:11

C++指針漂移

2010-10-08 13:09:38

JavaScript數(shù)

2017-04-13 11:20:37

圖片寬度解決方案前端

2010-09-09 15:44:21

IEFFCSS

2010-08-30 12:46:42

DIV+CSS

2010-09-10 12:59:33

DIV嵌套CSS

2010-02-23 17:49:56

WCF傳輸大數(shù)據(jù)

2010-02-24 10:55:01

WCF跨域訪問

2010-05-04 11:30:29

Oracle漢字長度

2010-07-30 12:40:00

Flex跨域訪問
點贊
收藏

51CTO技術(shù)棧公眾號

主站蜘蛛池模板: 国产.com| 亚洲综合大片69999 | 国产视频久久久 | 男人天堂手机在线视频 | 成人三级视频在线观看 | 2023亚洲天堂 | 一区二区三区影院 | 久久久久久亚洲精品 | 91久久精品一区二区二区 | 成人福利在线 | 成人日批视频 | 亚洲一区二区三区高清 | 亚洲精品一区二三区不卡 | 男人的天堂在线视频 | 天天操 天天操 | 国产成在线观看免费视频 | 成人免费一区二区三区视频网站 | 夜夜骚| 81精品国产乱码久久久久久 | 欧美国产日韩在线 | 欧美日韩三区 | 亚洲精选一区 | 黄色国产在线视频 | 欧美激情亚洲天堂 | 国产高清视频一区 | 岛国二区| 久久精品成人一区 | 久久久久久久久久性 | 免费黄色a视频 | 中文字幕免费中文 | 久久久夜色精品亚洲 | 亚洲视频一区在线观看 | 国产黄色一级电影 | 欧美极品视频在线观看 | 国产成人综合亚洲欧美94在线 | 亚洲综合无码一区二区 | 免费一看一级毛片 | 久久精品一区 | 欧美精品一区二区三区蜜臀 | 亚洲激情在线 | 久久精品网|