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

CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.

7
Как обернуть или разбить длинный текст / слово в диапазоне фиксированной ширины?
Я хочу создать диапазон с фиксированной шириной, чтобы, когда я набираю что-либо в диапазоне, например <span>lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasdfasddkgjk</span>длинную строку без пробелов, слово (я) прерывается или переносится на следующую строку. Любые идеи?
106 html  css 

6
Как предотвратить перенос строки через дефис во всех браузерах
На нашей CMS есть ckeditor. Наши конечные пользователи будут вводить несколько длинных статей через этот ckeditor. Нам нужен способ предотвратить перенос строки через дефис в этих статьях. Есть ли способ предотвратить перенос строки через дефис во всех браузерах? или у ckeditor есть возможность предотвратить это?
106 html  css 

6
Перелив влево вместо вправо
У меня есть div с overflow:hidden, внутри которого я показываю номер телефона, когда пользователь вводит его. Текст внутри div выравнивается по правому краю, а входящие символы добавляются справа по мере увеличения текста влево. Но как только текст становится достаточно большим, чтобы не помещаться в div, последние символы числа автоматически обрезаются, …
106 css  html  overflow 

10
fancybox2 / fancybox заставляет страницу перескакивать наверх
Я реализовал fancybox2 на сайте разработчиков. Когда я включаю fancybox (щелкаю ссылку и т. Д.), Весь html смещается за ним - и идет вверх. У меня он отлично работает в другой демонстрации, но когда я перетаскиваю тот же код в этот проект, он перескакивает наверх. Не только со ссылками на …
105 jquery  css  fancybox-2 

6
Как изменить размер карты Google с помощью JavaScript после ее загрузки?
У меня есть div 'mapwrap', установленный на 400px x 400px, и внутри у меня есть карта Google, установленная на 100% x 100%. Таким образом, карта загружается с размером 400 x 400 пикселей, затем с помощью JavaScript я изменяю размер 'mapwrap' до 100% x 100% экрана - размер карты Google изменяется …

4
Селектор CSS для <input type = «?»
Есть ли способ с помощью CSS настроить все входные данные в зависимости от их типа? У меня есть отключенный класс, который я использую для различных отключенных элементов формы, и я устанавливаю цвет фона для текстовых полей, но я не хочу, чтобы мои флажки получали этот цвет. Я знаю, что могу …

15
Как скрыть строку HTML-таблицы <tr>, чтобы она не занимала места?
Как я могу скрыть строку таблицы HTML, &lt;tr&gt;чтобы она не занимала места? У меня есть несколько &lt;tr&gt;Сета к style="display:none;", но они до сих пор влияют на размер таблицы и граница таблицы отражает скрытые строки.
105 html  css  html-table 

9
Изменение значений CSS с помощью Javascript
Встроенные значения CSS легко установить с помощью javascript. Если я хочу изменить ширину и у меня есть вот такой HTML: &lt;div style="width: 10px"&gt;&lt;/div&gt; Все, что мне нужно сделать, это: document.getElementById('id').style.width = value; Это изменит значения встроенной таблицы стилей. Обычно это не проблема, потому что встроенный стиль переопределяет таблицу стилей. Пример: …
105 javascript  html  css  ajax  dom 

8
Как центрировать холст в html5
Я уже какое-то время искал решение, но ничего не нашел. Может это просто мои поисковые запросы. Ну, я пытаюсь сделать центр холста по размеру окна браузера. Размер холста 800х600. И если размер окна становится меньше 800x600, его размер тоже должен измениться (но на данный момент это не очень важно).
105 html  canvas  css  resize 

8
Предотвратить «чрезмерную прокрутку» веб-страницы
В Chrome для Mac можно «пролистать» страницу (из-за отсутствия лучшего слова), как показано на скриншоте ниже, чтобы увидеть, «что позади», аналогично iPad или iPhone. Я заметил, что на некоторых страницах он отключен, например, в Gmail и на странице «Новая вкладка». Как отключить "перескроллинг"? Есть ли другие способы, которыми я могу …
105 html  css  macos  google-chrome 


14
Экспорт изменений CSS из инспектора (webkit, firebug и т. Д.)
Когда я работаю с CSS, я часто тестирую в браузере - скажем, Chrome - щелкаю элемент правой кнопкой мыши, выбираю «Проверить элемент» и редактирую CSS прямо здесь. Использование клавиш со стрелками для изменения таких вещей, как поля и отступы, упрощает выравнивание. Затем нетрудно принять эти изменения и применить их к …


15
Ярлык слева, а не над полем ввода
Я бы хотел, чтобы метки располагались не над полем ввода, а слева. &lt;form method="post" action="" role="form" class="form-inline"&gt; &lt;div class="form-group"&gt; &lt;label for="rg-from"&gt;Ab: &lt;/label&gt; &lt;input type="text" id="rg-from" name="rg-from" value="" class="form-control"&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="rg-to"&gt;Bis: &lt;/label&gt; &lt;input type="text" id="rg-to" name="rg-to" value="" class="form-control"&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;input type="button" value="Clear" class="btn btn-default btn-clear"&gt; &lt;input …

12
Как сделать так, чтобы пустой div занимал место
Это мой случай с сеткой 960: &lt;div class="kundregister_grid_full"&gt; &lt;div class="kundregister_grid_1"&gt;ID&lt;/div&gt; &lt;div class="kundregister_grid_1"&gt;Namn&lt;/div&gt; &lt;div class="kundregister_grid_1"&gt;Anv.Namn&lt;/div&gt; &lt;div class="kundregister_grid_1"&gt;Email&lt;/div&gt; &lt;div class="kundregister_grid_1"&gt;Roll&lt;/div&gt; &lt;div class="kundregister_grid_1"&gt;Aktiv&lt;/div&gt; &lt;/div&gt; Это мой набор div, используемых в качестве структуры таблицы. CSS говорит следующее: .kundregister_grid_1 { display: inline-block; float: left; margin: 0; text-align: center; } .kundregister_grid_1 { width: 140px; } Не …
105 css  html 

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.