Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erklärung, wie man mit col Tabellenspalten unter FF ausblendet! _Erfahrungsaustausch

Ausführliche Erklärung, wie man mit col Tabellenspalten unter FF ausblendet! _Erfahrungsaustausch

WBOY
WBOYOriginal
2016-05-16 12:06:071412Durchsuche

Heute habe ich an einem Bericht mit 52 Feldern gearbeitet, was mich zu einer eingehenden Recherche gezwungen hat.
Ich habe Folgendes gefunden:
Der Standardwert für die Anzeige von col unter ff ist: table-column
visibility The Der Standardwert ist: sichtbar
Ich habe das CSS-Handbuch noch einmal überprüft und festgestellt, dass die Sichtbarkeit den optionalen Wert „collapse“ hat. Es heißt, dass er im IE nicht implementiert ist FF implementiert es nicht, genauso wie FF es nicht unterstützt. Es ist nicht unbedingt dasselbe, dass IE es nicht unterstützt.
Als BT-Fan habe ich sie einzeln ausprobiert,

Endlich gefunden!
Sie können die folgende Methode unter FF verwenden, um die Spalten der Tabelle mit COL auszublenden!
Prost!

Code kopieren Der Code lautet wie folgt:


Unbenanntes Dokument <br> </head> <br><body><table width="100%" border="0"> < ;colgroup> ;overflow:hidden;width:0px;" /> <br> <col style="visibility: collaps;overflow:hidden;width:0px;" /> <br> <col style="display:none "/> <br> <col style="display:none"/> <br> </colgroup> <br> <tr> <br> <td Scope="col">Unter IE , Sie können diese Spalte sehen<td Scope="col">Unter IE können Sie diese Spalte sehen<br> <td Scope=" col">Unter FF können Sie diese Spalte sehen<td unter Scope=" col">unter FF können Sie diese Spalte sehen</tr> <br> <tr> <br> <td Scope="row"> </th> <br> <td> < /td> <br> <td> </tr> /th> <br> </td> <tr> <td> </td> ;td> </td> </td> </tr> 🎜><br> </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="Der Tod von IE__ursprünglich im Zusammenhang mit dem CSS_Experience-Austausch" href="http://m.php.cn/de/faq/797.html">Der Tod von IE__ursprünglich im Zusammenhang mit dem CSS_Experience-Austausch</a></span><span>Nächster Artikel:<a class="dBlack" title="Der Tod von IE__ursprünglich im Zusammenhang mit dem CSS_Experience-Austausch" href="http://m.php.cn/de/faq/799.html">Der Tod von IE__ursprünglich im Zusammenhang mit dem CSS_Experience-Austausch</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><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/de/faq/347776.html" title="Zusammenfassung von sechs Implementierungsmethoden des JSDOMReady-Ereignisses" class="aBlack">Zusammenfassung von sechs Implementierungsmethoden des JSDOMReady-Ereignisses</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348838.html" title="Beispiele für die CSS-Implementierung verschiedener Spaltenlayouts auf der Seite" class="aBlack">Beispiele für die CSS-Implementierung verschiedener Spaltenlayouts auf der Seite</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/349106.html" title="Reine CSS3-Vollbild-Diashow-Effekte" class="aBlack">Reine CSS3-Vollbild-Diashow-Effekte</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/349108.html" title="Reiner CSS3-Stil mit coolen, farbenfrohen 3D-Schaltflächen" class="aBlack">Reiner CSS3-Stil mit coolen, farbenfrohen 3D-Schaltflächen</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/349109.html" title="Atemberaubende sechseckige CSS3-Menüanimationseffekte" class="aBlack">Atemberaubende sechseckige CSS3-Menüanimationseffekte</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><p>Heim</p></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><p>Kurs</p></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><p>Fragen und Antworten</p></a></li><li><a href="http://m.php.cn/de/login"><b class="icon5"></b><p>Mein</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/de/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><span>Heim</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><span>Kurs</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><span>Fragen und Antworten</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/dic.html"><b class="icon6"></b><span>Wörterbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course/type/99.html"><b class="icon7"></b><span>Handbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/xiazai/"><b class="icon8"></b><span>Herunterladen</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/faq/zt" title="Thema"><b class="icon12"></b><span>Thema</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/de/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/de/" >Heim</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/wenda.html" >Fragen und Antworten</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/course.html" >Kurs</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/faq/zt" >Thema</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/xiazai" >Herunterladen</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/game" >Spiel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/dic.html" >Wörterbuch</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>(ZH-CN)</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>(EN)</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>(ZH-TW)</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>(JA)</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>(KO)</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>(MS)</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>(FR)</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Deutsch</span><span>(DE)</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper }); </script></div></div><!--顶部导航 end--><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>