Разве неправильно изменить элемент блока для встраивания с CSS, если это содержит другой элемент блока?
Вы не можете использовать форму select [] с таким вводом переменных, вместо этого вы можете использовать функциональный выбор, показанный в https://code.kx.com/q4m3/9_Queries_q-sql/#912- функциональные формы , где вы вводите в качестве 5-го аргумента нужные вам строки
Надеюсь, это поможет!
43
задан Matthew James Taylor 21 January 2012 в 00:04
поделиться
8 ответов
Из спецификации CSS 2.1 :
Когда встроенный блок содержит входящий поток блок уровня блока, встроенный блок (и его встроенные предки в одном и том же линейном блоке) разбиты вокруг блока уровня блока (и любых дочерних элементов уровня блока, которые являются последовательными или разделяются только разборным пробелом и / или вне элементы потока), разделяя встроенный блок на два блока (даже если одна из сторон пуста), по одному на каждой стороне блока (блоков) уровня блока. Строковые блоки до перерыва и после перерыва заключаются в анонимные блочные блоки, и блок уровня блока становится родственным из этих анонимных блоков. Когда на такой встроенный блок влияет относительное позиционирование, любой результирующий перевод также влияет на блок уровня блока, содержащийся во встроенном блоке. span {display: block}
использовались с этим документом HTML:
Анонимный текст, прерванный блоком </ TITLE> </ HEAD> <BODY> <P> Это анонимный текст перед SPAN. <SPAN> Это содержимое SPAN. </ SPAN> Это анонимный текст после SPAN. </ P> </ BODY> </code></pre> <p> Элемент P содержит фрагмент (C1) анонимного текста, за которым следует элемент уровня блока, за которым следует еще один фрагмент (C2) анонимного текста. Получающиеся в результате блоки будут представлять собой блок-блок, представляющий ТЕЛО, содержащий блок анонимного блока вокруг С1, блок блока SPAN и еще один блок анонимного блока вокруг С2. </p> <p> Свойства анонимных блоков наследуются от включающего неанонимного блока. (например, в примере чуть ниже подраздела «Анонимный блок», для DIV). Унаследованные свойства имеют свое начальное значение. Например, шрифт анонимного блока наследуется от DIV, но поля будут равны 0. </p> <p> Свойства, установленные для элементов, которые вызывают создание анонимных блоков, по-прежнему применяются к полям и содержимому этого элемента. Например, если в элементе P в вышеприведенном примере была установлена граница, граница будет нарисована вокруг C1 (открыт в конце линии) и C2 (открыт в начале линии). </p> <p> Некоторые пользовательские агенты имеют реализовал границы для встроенных блоков, содержащих блоки, другими способами, например, поместив такие вложенные блоки в «анонимные линейные блоки» и, таким образом, нарисовав встроенные границы вокруг таких блоков. Поскольку CSS1 и CSS2 не определяли это поведение, пользовательские агенты, использующие только CSS1 и только CSS2, могут реализовать эту альтернативную модель и по-прежнему заявлять о соответствии этой части CSS 2.1. Это не относится к UA, разработанным после выпуска этой спецификации. </p> </blockquote> <p> Делайте из этого то, что вы будете. Очевидно, что поведение указано в CSS, хотя неясно, охватывает ли оно все случаи или реализовано ли оно согласованно в современных браузерах. </p> граница будет нарисована вокруг C1 (открыт в конце строки) и C2 (открыт в начале строки). </p> <p> Некоторые пользовательские агенты реализовали границы для встроенных блоков, содержащих блоки, другими способами, например, путем переноса вложенные блоки внутри «анонимных линейных блоков» и, таким образом, рисуют встроенные границы вокруг таких блоков. Поскольку CSS1 и CSS2 не определяли это поведение, пользовательские агенты, использующие только CSS1 и только CSS2, могут реализовать эту альтернативную модель и по-прежнему заявлять о соответствии этой части CSS 2.1. Это не относится к UA, разработанным после выпуска этой спецификации. </p> </blockquote> <p> Делайте из этого то, что вы будете. Очевидно, что поведение указано в CSS, хотя неясно, охватывает ли оно все случаи или реализовано ли оно согласованно в современных браузерах. </p> граница будет нарисована вокруг C1 (открыт в конце строки) и C2 (открыт в начале строки). </p> <p> Некоторые пользовательские агенты реализовали границы для встроенных блоков, содержащих блоки, другими способами, например, путем переноса вложенные блоки внутри «анонимных линейных блоков» и, таким образом, рисуют встроенные границы вокруг таких блоков. Поскольку CSS1 и CSS2 не определяли это поведение, пользовательские агенты, использующие только CSS1 и только CSS2, могут реализовать эту альтернативную модель и по-прежнему заявлять о соответствии этой части CSS 2.1. Это не относится к UA, разработанным после выпуска этой спецификации. </p> </blockquote> <p> Делайте из этого то, что вы будете. Очевидно, что поведение указано в CSS, хотя неясно, охватывает ли оно все случаи или реализовано ли оно согласованно в современных браузерах. </p> </p> <p> Некоторые пользовательские агенты реализовали границы для встроенных блоков, содержащих блоки, другими способами, например, путем помещения таких вложенных блоков в «блоки анонимных строк» и, таким образом, рисования встроенных границ вокруг таких блоков. Поскольку CSS1 и CSS2 не определяли это поведение, пользовательские агенты, использующие только CSS1 и только CSS2, могут реализовать эту альтернативную модель и по-прежнему заявлять о соответствии этой части CSS 2.1. Это не относится к UA, разработанным после выпуска этой спецификации. </p> </blockquote> <p> Делайте из этого то, что вы будете. Очевидно, что поведение указано в CSS, хотя неясно, охватывает ли оно все случаи или реализовано ли оно согласованно в современных браузерах. </p> </p> <p> Некоторые пользовательские агенты реализовали границы для встроенных блоков, содержащих блоки, другими способами, например, путем помещения таких вложенных блоков в «блоки анонимных строк» и, таким образом, рисования встроенных границ вокруг таких блоков. Поскольку CSS1 и CSS2 не определяли это поведение, пользовательские агенты, использующие только CSS1 и только CSS2, могут реализовать эту альтернативную модель и по-прежнему заявлять о соответствии этой части CSS 2.1. Это не относится к UA, разработанным после выпуска этой спецификации. </p> </blockquote> <p> Делайте из этого то, что вы будете. Очевидно, что поведение указано в CSS, хотя неясно, охватывает ли оно все случаи или реализовано ли оно согласованно в современных браузерах. </p> и, таким образом, рисуя встроенные границы вокруг таких блоков. Поскольку CSS1 и CSS2 не определяли это поведение, пользовательские агенты, использующие только CSS1 и только CSS2, могут реализовать эту альтернативную модель и по-прежнему заявлять о соответствии этой части CSS 2.1. Это не относится к UA, разработанным после выпуска этой спецификации. </p> </blockquote> <p> Делайте из этого то, что вы будете. Очевидно, что поведение указано в CSS, хотя неясно, охватывает ли оно все случаи или реализовано ли оно согласованно в современных браузерах. </p> и, таким образом, рисуя встроенные границы вокруг таких блоков. Поскольку CSS1 и CSS2 не определяли это поведение, пользовательские агенты, использующие только CSS1 и только CSS2, могут реализовать эту альтернативную модель и по-прежнему заявлять о соответствии этой части CSS 2.1. Это не относится к UA, разработанным после выпуска этой спецификации. </p> </blockquote> <p> Делайте из этого то, что вы будете. Очевидно, что поведение указано в CSS, хотя неясно, охватывает ли оно все случаи или реализовано ли оно согласованно в современных браузерах. </p> </div> <div class="votes-answer green"> <div class="vote-count" itemprop="upvoteCount">25</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан <span title="26 November 2019 в 23:08 ">26 November 2019 в 23:08 </span> </div> <a class="s-link" href="/questions/167295/razve-nepravilno-izmenit-element-bloka-dlja-vstraivanija-s-css-esli-eto-soderzhit-drugoj-element-bloka#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-275287"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div class="answer" id="273699" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> Независимо от того, допустимо оно или нет, структура элемента неправильно. Причина, по которой вы не размещаете блочные элементы внутри встроенных элементов, заключается в том, что браузер может отображать элементы легко предсказуемым образом. </p> <p> Даже если он не нарушает никаких правил для HTML или CSS, он все же создает элементы это не может быть отображено как задумано. Браузер должен обрабатывать элементы так же, как если бы код HTML был недействительным. </p> </div> <div class="votes-answer green"> <div class="vote-count" itemprop="upvoteCount">15</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан Guffa <span title="26 November 2019 в 23:08 ">26 November 2019 в 23:08 </span> </div> <a class="s-link" href="/questions/167295/razve-nepravilno-izmenit-element-bloka-dlja-vstraivanija-s-css-esli-eto-soderzhit-drugoj-element-bloka#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-273699"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div class="answer" id="273700" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> HTML и CSS будут по-прежнему действительны. В идеале вам не нужно было бы делать что-то подобное, но этот конкретный фрагмент CSS на самом деле является удобным (и синтаксически действительным, но не семантически действительным) способом для получения ошибки двойного поля в Internet Explorer без использования условных таблиц стилей или хаков, которые приведут к аннулированию ваш CSS. (X) HTML имеет большее семантическое значение, чем CSS, поэтому менее важно, чтобы CSS был семантически допустимым. На мой взгляд, это приемлемо, потому что это решает назойливую проблему браузера без аннулирования вашего кода. </p> </div> <div class="votes-answer green"> <div class="vote-count" itemprop="upvoteCount">5</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан VirtuosiMedia <span title="26 November 2019 в 23:08 ">26 November 2019 в 23:08 </span> </div> <a class="s-link" href="/questions/167295/razve-nepravilno-izmenit-element-bloka-dlja-vstraivanija-s-css-esli-eto-soderzhit-drugoj-element-bloka#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-273700"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div class="answer" id="273701" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> HTML проверяется независимо от CSS, поэтому страница все равно будет действительной. Я вполне уверен, что спецификация CSS ничего не говорит об этом, но не цитируйте меня об этом. Тем не менее, я бы очень осторожно использовал такую технику, потому что, хотя она может отображаться так, как задумано в некоторых браузерах, вам нужно протестировать их все - я не вижу много гарантий. </p> </div> <div class="votes-answer green"> <div class="vote-count" itemprop="upvoteCount">1</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан Samir Talwar <span title="26 November 2019 в 23:08 ">26 November 2019 в 23:08 </span> </div> <a class="s-link" href="/questions/167295/razve-nepravilno-izmenit-element-bloka-dlja-vstraivanija-s-css-esli-eto-soderzhit-drugoj-element-bloka#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-273701"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div class="answer" id="273702" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <blockquote> <p> Элементы страницы по-прежнему действительны? </p> </blockquote> <p> «Действителен» в смысле HTML, да; HTML ничего не знает о CSS. </p> <p> Рендеринг, который вы получаете в браузере, однако, «не определен» спецификацией CSS, поэтому он может выглядеть как угодно. Хотя вы можете включить такое правило в CSS-хаки, нацеленные на один конкретный браузер (где вы знаете, как этот браузер отображает этот случай), его не следует предоставлять браузерам в целом. </p> </div> <div class="votes-answer green"> <div class="vote-count" itemprop="upvoteCount">1</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан bobince <span title="26 November 2019 в 23:08 ">26 November 2019 в 23:08 </span> </div> <a class="s-link" href="/questions/167295/razve-nepravilno-izmenit-element-bloka-dlja-vstraivanija-s-css-esli-eto-soderzhit-drugoj-element-bloka#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-273702"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div class="answer" id="273703" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p>Я не знаю, подтверждает ли это какие-либо правила, но я бы рекомендовал использовать <a href="http://validator.w3.org/" rel="nofollow noreferrer">W3C HTML Validator</a> и <a href="http://jigsaw.w3.org/css-validator/" rel="nofollow noreferrer">W3C CSS Validator</a> для определения этого. Надеюсь, это будет полезно! </p> </div> <div class="votes-answer"> <div class="vote-count" itemprop="upvoteCount">0</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан Adam Alexander <span title="26 November 2019 в 23:08 ">26 November 2019 в 23:08 </span> </div> <a class="s-link" href="/questions/167295/razve-nepravilno-izmenit-element-bloka-dlja-vstraivanija-s-css-esli-eto-soderzhit-drugoj-element-bloka#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-273703"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div class="answer" id="273704" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> Я думаю, (x) html действителен, css действителен. Является ли результат действительным? Да, если он выглядит в браузере так, как Вы хотите. </p> </div> <div class="votes-answer"> <div class="vote-count" itemprop="upvoteCount">-2</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан Sergei Kovalenko <span title="26 November 2019 в 23:08 ">26 November 2019 в 23:08 </span> </div> <a class="s-link" href="/questions/167295/razve-nepravilno-izmenit-element-bloka-dlja-vstraivanija-s-css-esli-eto-soderzhit-drugoj-element-bloka#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-273704"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div class="answer" id="461034" itemscope="" itemtype="http://schema.org/Answer"> <div class="answer-row"> <div class="answer-text"> <div class="description" itemprop="text"> <p> Нет, это правильный выбор. Мы можем использовать согласно требованиям. </p> </div> <div class="votes-answer"> <div class="vote-count" itemprop="upvoteCount">-1</div><i class="fa fa-thumbs-o-up"></i> </div> <div class="clearfix"></div> <div class="action-time"> ответ дан <span title="26 November 2019 в 23:08 ">26 November 2019 в 23:08 </span> </div> <a class="s-link" href="/questions/167295/razve-nepravilno-izmenit-element-bloka-dlja-vstraivanija-s-css-esli-eto-soderzhit-drugoj-element-bloka#584" title="поделиться">поделиться</a> </div> <div class="post-layout--right"> <div id="comments-461034"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> </ul> </div> </div> </div> </div> <div style="margin-top: 20px;"> Другие вопросы по тегам: <div class="tags" style="display: inline-block; float: none;"> <a href="/questions/tagged/html" class="tag" title="html" rel="tag">html</a> <a href="/questions/tagged/css" class="tag" title="css" rel="tag">css</a> <a href="/questions/tagged/w3c" class="tag" title="w3c" rel="tag">w3c</a> <a href="/questions/tagged/xhtml" class="tag" title="xhtml" rel="tag">xhtml</a> </div> <h3 class="m-t-20">Похожие вопросы:</h3> <div class="related-block"> <ul> <li><div class='votes-answer green'><span class='vote-count'>55</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/87787/pochemu-by-ne-ispolzovat-tablicy-dlja-razmetki-v-html-zakryto" title="Почему бы не использовать таблицы для разметки в HTML? [закрыто]">Почему бы не использовать таблицы для разметки в HTML? [закрыто]</a> - 6 November 2018 00:07 </li> <li><div class='votes-answer green'><span class='vote-count'>36</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/90066/kak-sdelat-div-ne-bolshe-ego-soderzhimogo" title="Как сделать div не больше его содержимого?">Как сделать div не больше его содержимого?</a> - 20 September 2015 12:27 </li> <li><div class='votes-answer green'><span class='vote-count'>36</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/182086/skrytye-funkcii-html" title="Скрытые функции HTML">Скрытые функции HTML</a> - 23 May 2017 12:18 </li> <li><div class='votes-answer green'><span class='vote-count'>31</span> <i class="fa fa-thumbs-o-up"></i></div> <a href="/questions/11648/kak-fil-trovat-danny-e-massiva-v-javaz-cript-v-client-duplicate" title="Как фильтровать данные массива в Javascript в Client [duplicate] ">Как фильтровать данные массива в Javascript в Client [duplicate] </a> - 17 June 2015 03:09 </li> </ul> </div> </div> </div> </div> </div> <aside class="sidebar"> <div class="awrap"> <script async src="https://yastatic.net/pcode-native/loaders/loader.js"></script> <script> (yaads = window.yaads || []).push({ id: "553274-2", render: "#id-553274-2" }); </script> <div id="id-553274-2"></div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-2355906945027976" data-ad-slot="8038370725"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </aside> </div> </div> <footer class="footer"> <div class="wrapper wrapper--sm"> <div class="footer-navs-col"> <div class="footer-nav footer-nav--menu"> <div class="footer-coryright">© 2017 - 2020 Вопросы и ответы по программированию</div> </div> <div class="footer-nav footer-nav--catalog"> </div> </div> <div class="footer-contacts-col"> <div class="soc-widget-col"> </div> </div> <div class="clearfix"></div> </div> </footer> </div> <script type="text/javascript" src="/js/ui/jquery-ui-1.8.16.custom.min.js"></script> <script type="text/javascript" src="/js/ui/external/jquery.cookie.js"></script> <script type="text/javascript" src="/js/versions/menu.ru.u1607887878.js"></script> <script type="text/javascript" src="/js/jquery.fancybox.min.js"></script> <script type="text/javascript" src="/js/slick.min.js"></script> <script type="text/javascript" src="/js/jquery.maskedinput.min.js"></script> <script type="text/javascript" src="/js/versions/scripts.ru.u1607887878.js"></script> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; var z = null;m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(90030325, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/90030325" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123993370-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-123993370-1'); </script> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "Программирование - вопросы и ответы", "alternateName": "Программирование - вопросы и ответы", "url": "https://legkovopros.ru", "potentialAction": { "@type": "SearchAction", "target": "https://legkovopros.ru/search?search={search_term_string}", "query-input": "required name=search_term_string" } } { "@context": "https://schema.org", "@type": "Organization", "name": "Программирование - вопросы и ответы", "url": "https://legkovopros.ru", "logo": "https://legkovopros.ru/i/logo.png", "email": "info@legkovopros.ru", "telephone": "" } </script> </body> </html>