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

Я хочу, чтобы 3 div были выровнены внутри контейнера div, что-то вроде этого: [[LEFT] [CENTER] [RIGHT]] Контейнер div имеет ширину 100% (без заданной ширины), и центр div должен оставаться в центре после изменения размера контейнера. Итак, я установил: #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} Но это становится: [[LEFT] [CENTER] ] [RIGHT] …

392 html  css  flexbox  alignment  css-float 

Как сделать так, чтобы div перешел из свернутого в развернутый (и наоборот), но сделать это справа налево? Почти все, что я вижу, всегда слева направо.

391 jquery  html  css  jquery-ui  position 

Можно ли заставить страницу HTML вести себя, например, как страница формата A4 в MS Word? По сути, я хочу иметь возможность отображать HTML-страницу в браузере и обрисовывать содержание в размерах страницы формата A4. Для простоты я предполагаю, что HTML-страница будет содержать только текст (без изображений и т. Д.) И, например, …

388 html  css  printing 

Вероятно, это глупый вопрос, но поскольку обычные способы выравнивания изображения по центру не работают, я подумал, что задам этот вопрос. Как я могу выровнять по центру (по горизонтали) изображение внутри его контейнера div? Вот HTML и CSS. Я также включил CSS для других элементов миниатюры. Он работает в порядке убывания, …

388 html  css 

Можно ли установить размер фонового изображения с помощью CSS? Я хочу сделать что-то вроде: background: url('bg.gif') top repeat-y; background-size: 490px; Но, кажется, совершенно неправильно делать это так ...

386 css 

У меня есть таблица 3 на 3. Мне нужен способ добавить границу для нижней части каждой строки trи придать ей определенный цвет. Сначала я попробовал прямой путь, а именно: <tr style="border-bottom:1pt solid black;"> Но это не сработало. Поэтому я добавил CSS следующим образом: tr { border-bottom: 1pt solid black; } …

386 html  css  html-table 

В StackOverflow есть несколько вопросов, касающихся offsetWidth / clientWidth / scrollWidth (и -Height соответственно), но ни один из них не дает исчерпывающего объяснения того, что представляют собой эти значения. Кроме того, в Интернете есть несколько источников, которые вводят в заблуждение или неверную информацию. Можете ли вы дать полное объяснение, включая …

385 html  css  dom 

Я работаю над сайтом, который используется gulpдля компиляции и синхронизации браузера, чтобы синхронизировать браузер с моими изменениями. Задача gulp компилирует все правильно, но на веб-сайте я не вижу никакого стиля, и консоль показывает следующее сообщение об ошибке: Отказался от применения стиля из ' http: // localhost: 3000 / assets / …

384 html  css  gulp  mime-types  browser-sync 

В неупорядоченном списке: <li><span></span> The lazy dog.</li> <li><span>AND</span> The lazy cat.</li> <li><span>OR</span> The active goldfish.</li> Добавление атрибута класса или стиля разрешено, но заполнение текста и добавление или изменение тегов не допускается. Страница отображается с помощью Courier New. Цель состоит в том, чтобы выстроить текст после интервала. The lazy dog. AND …

381 html  css 

У меня есть URL изображения в imageUrlпеременной, и я пытаюсь установить его как стиль CSS, используя jQuery: $('myObject').css('background-image', imageUrl); Это, кажется, не работает, так как: console.log($('myObject').css('background-image')); возвращается none. Есть идеи, что я делаю не так?

380 javascript  jquery  css 

У меня была следующая страница (deadlink:), в http://www.workingstorage.com/Sample.htmкоторой есть нижний колонтитул, который я не могу разместить внизу страницы. Я хочу, чтобы нижний колонтитул придерживаться нижней части окна, когда страница короткая и экран не заполнен, и оставайтесь в конце документа и двигайтесь вниз, как обычно, когда содержание превышает несколько экранов (вместо …

380 css  footer 

У меня есть простая схема flex-box с контейнером, как: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Теперь я хочу, чтобы элементы в последнем ряду были выровнены с другим. justify-content: space-between;следует использовать, потому что ширина и высота сетки могут быть скорректированы. В настоящее время это выглядит как Здесь …

380 css  flexbox  grid-layout 

Можно ли установить тень для элемента SVG с помощью CSS3, что-то вроде box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Я видел некоторые замечания по созданию тени с использованием эффектов фильтра. Есть ли пример использования только CSS? Ниже приведен рабочий код, в котором стиль Cusor применяется правильно, но …

379 html  css  svg  svg-filters 

У меня есть эти вложенные элементы div, и мне нужно, чтобы основной контейнер расширялся (по высоте), чтобы вместить DIV внутри <!-- head --> ... <!-- /head --> <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic banner etc. --> </div> <div id="main_content"> <!-- this DIV _should_ stretch …

376 css  height 

Я хочу использовать панель навигации по умолчанию в Bootstrap 3 с логотипом вместо текста. Как правильно это сделать, не вызывая проблем с экранами разных размеров? Я предполагаю, что это общее требование, но я еще не видел хороший пример кода. Ключевым требованием, помимо приемлемого отображения на всех размерах экрана, является возможность …

376 css  twitter-bootstrap  twitter-bootstrap-3  navbar