Вопросы с тегом «html»

HTML (HyperText Markup Language) является основным языком разметки для создания веб-страниц и другой информации, отображаемой в веб-браузере. Вопросы, касающиеся HTML, должны включать минимальный воспроизводимый пример и некоторое представление о том, чего вы пытаетесь достичь. Этот тег редко используется один и часто в паре с [CSS] и [javascript].

17
Полноэкранный фрейм с высотой 100%
Поддерживается ли iframe height = 100% во всех браузерах? Я использую doctype как: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> В моем коде iframe, если я скажу: <iframe src="xyz.pdf" width="100%" height="100%" /> Я имею в виду, будет ли она на самом деле принимать высоту оставшейся страницы (так как сверху …
17
Как я могу масштабировать содержание iframe?
Как я могу масштабировать содержимое iframe (в моем примере это страница HTML, а не всплывающее окно) на странице моего веб-сайта? Например, я хочу отобразить содержимое, которое отображается в iframe, в размере 80% от исходного размера.
237 html  css  dom 
8
Как установить поле или отступ в процентах от высоты родительского контейнера?
Я ломал голову над созданием вертикального выравнивания в CSS, используя следующее .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div structure. --> <div class="base"> <div class="vert-align"> Content Here </div> </div> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент Хотя в этом случае это работало, я …
9
Как указать разрывы строк в многострочном макете flexbox?
На этот вопрос есть ответы на Stack Overflow на русском : Flexbox пункт - перенос на новую строку Есть ли способ сделать разрыв строки в многострочном flexbox? Например, разбить после каждого 3-го элемента в этом CodePen . .container { background: tomato; display: flex; flex-flow: row wrap; align-content: space-between; justify-content: space-between; …
236 html  css  flexbox 
7
CSS: Как удалить псевдоэлементы (после, до,…)?
Я хотел бы использовать переключатель для размещения тегов абзаца на веб-странице. Я использую псевдоэлемент после: p:after {content: url("../img/paragraph.gif");} Теперь мне нужно удалить этот код CSS со страницы. Как это можно сделать легко? Я хочу добавить, что: JQuery уже используется на странице и я не хочу включать или удалять файлы, содержащие …
7
Как я могу сделать масштаб SVG с его родительским контейнером?
Я хочу иметь встроенную шкалу содержимого элемента SVG, когда размер не является родным. Конечно, я мог бы иметь его как отдельный файл и так масштабировать. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Тем не менее, я хочу добавить дополнительные стили в SVG через CSS, так что связывать …
236 css  html  svg  scaling 
4
Что такое offsetHeight, clientHeight, scrollHeight?
Мысль объяснить, в чем разница offsetHeight, clientHeightи scrollHeightили offsetWidth, clientWidthи scrollWidth? Надо знать эту разницу, прежде чем работать на стороне клиента. В противном случае половина их жизни будет потрачена на исправление пользовательского интерфейса. Скрипка или строчка ниже: function whatis(propType) { var mainDiv = document.getElementById("MainDIV"); if (window.sampleDiv == null) { var …
21
Как скрыть элемент с помощью Twitter Bootstrap и показать его с помощью jQuery?
Допустим, я создаю такой элемент HTML, <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> Как я могу показать и скрыть этот элемент HTML из jQuery / Javascript. JavaScript: $(function(){ $("#my-div").show(); }); Результат: (с любым из них). Я хотел бы, чтобы элементы выше были скрыты. Какой самый …
10
Событие на отключенном входе
Видимо отключенный <input>не обрабатывается ни одним событием Есть ли способ обойти эту проблему? <input type="text" disabled="disabled" name="test" value="test" /> $(':input').click(function () { $(this).removeAttr('disabled'); }) Здесь мне нужно нажать на вход, чтобы включить его. Но если я не активирую его, вход не должен быть опубликован.
235 javascript  jquery  html 
12
Как я могу переопределить стили CSS Bootstrap?
Мне нужно изменить, bootstrap.cssчтобы соответствовать моему сайту. Я чувствую, что лучше создать отдельныйcustom.css файл, а не вносить изменения bootstrap.cssнапрямую, одна из причин заключается в том, что я должен bootstrap.cssполучить обновление, и я постараюсь повторно включить все мои модификации. Я пожертвую некоторое время загрузки для этих стилей, но оно незначительно для …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.