Heim  >  Artikel  >  Web-Frontend  >  Breite und Höhe des Textbereichs von textarea passen sich automatisch an die Implementierungscode_HTML/Xhtml_web-Seitenproduktion an

Breite und Höhe des Textbereichs von textarea passen sich automatisch an die Implementierungscode_HTML/Xhtml_web-Seitenproduktion an

WBOY
WBOYOriginal
2016-05-16 16:39:121667Durchsuche

Code kopieren
Der Code lautet wie folgt:

HEAD>
Methode zur automatischen Anpassung von Textbereich <br> <!-- Steuern Sie die automatische Anpassung der Breite--> css"> ; <br> .comments { <br> width:100%;/*Automatisch an die Breite des übergeordneten Layouts anpassen*/ <br> overflow:auto; <br> word-break:break-all; <br> / * Lösen Sie beispielsweise das Problem des Zeilenumbruchs (verhindern Sie, dass es automatisch in eine Zeile wechselt), und lösen Sie hauptsächlich das IE-Kompatibilitätsproblem. Wenn die Breite in IE8 auf 100 % eingestellt ist und das Textfeld eine Zeile überschreitet, <br> Wann Wenn wir auf den Textinhalt doppelklicken, wird er automatisch in eine einzeilige Anzeige geändert, sodass Sie nur das proprietäre Zeilenumbruchattribut „Wortumbruch oder Zeilenumbruch“ des IE verwenden können, um den Zeilenumbruch zu steuern)*/ <br> } <br> </style> <br> </HEAD> <BODY> <FORM METHOD=POST ACTION= " "> Hauptsteuerelementhöhe--> <br> <br> <!- - Der erste ist ein normaler Textbereich --> > </textarea> <br> <!-- Die folgenden zwei All-Methoden können verwendet werden, um das Problem der automatischen Anpassung der Textbereichshöhe an die Höhe des Klasseninhalts zu lösen--> class="comments" rows=1 name=s1 cols=27 onpropertychange= "this.style.posHeight=this.scrollHeight " ></textarea> <br> <br> <textarea class="comments" style= "height:expression((this.scrollHeight>150)?'150px':(this.scrollHeight 5) 'px') ;overflow:auto;"></textarea> <br> </BODY> <br> </HTML></div></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme:</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel:<a class="dBlack" title="Grundlegende Konzepte und Anwendungsbeispiele für HTML-Inline-Elemente und Elemente auf Blockebene_HTML/Xhtml_Webseitenproduktion" href="http://m.php.cn/de/faq/11461.html">Grundlegende Konzepte und Anwendungsbeispiele für HTML-Inline-Elemente und Elemente auf Blockebene_HTML/Xhtml_Webseitenproduktion</a></span><span>Nächster Artikel:<a class="dBlack" title="Grundlegende Konzepte und Anwendungsbeispiele für HTML-Inline-Elemente und Elemente auf Blockebene_HTML/Xhtml_Webseitenproduktion" href="http://m.php.cn/de/faq/11465.html">Grundlegende Konzepte und Anwendungsbeispiele für HTML-Inline-Elemente und Elemente auf Blockebene_HTML/Xhtml_Webseitenproduktion</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="http://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/de/faq/348757.html" title="Zusammenfassung der HTML-Kenntnisse" class="aBlack">Zusammenfassung der HTML-Kenntnisse</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348804.html" title="So lernen Sie schnell HTML" class="aBlack">So lernen Sie schnell HTML</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348873.html" title="Der Unterschied zwischen HTML xHTML XML" class="aBlack">Der Unterschied zwischen HTML xHTML XML</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348884.html" title="Der Unterschied zwischen src- und href-Attributen" class="aBlack">Der Unterschied zwischen src- und href-Attributen</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348902.html" title="Über die Verwendung von HTML5 und CSS-Ersatz" class="aBlack">Über die Verwendung von HTML5 und CSS-Ersatz</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!</p></div><div class="footermid"><a href="http://m.php.cn/de/about/us.html">Über uns</a><a href="http://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="http://m.php.cn/de/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>