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

206
Переполнение: скрытые точки в конце

Допустим, у меня есть строка " Мне нравятся большие задницы, и я не могу лгать », и я обрезал ее overflow:hidden, чтобы она выглядела примерно так: Мне нравятся большие задницы, и я могу отрезать текст. Можно ли отобразить это так: Мне нравятся большие задницы, и я не могу ... используя...

206
Воспроизвести / приостановить видео HTML 5 с помощью JQuery

Я пытаюсь контролировать HTML5 видео с помощью JQuery. У меня есть два клипа в интерфейсе с вкладками, всего шесть вкладок, на остальных просто есть изображения. Я пытаюсь заставить воспроизводиться видеоклипы при нажатии на их вкладку, а затем останавливаться при нажатии любой из других. Это...

206
Что именно нужно для «margin: 0 auto;» работать?

Я знаю, что настройка margin: 0 auto;элемента используется для его центрирования (слева направо). Тем не менее, я знаю, что элемент и его родительский элемент должны соответствовать определенным критериям для работы автоматического запаса, и я никогда не смогу понять магию правильно. Поэтому мой...

206
Как этот CSS создает круг?

Это CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } Как получается круг ниже? Предположим, что если ширина прямоугольника равна 180 пикселям, а высота равна 180 пикселям, то это будет выглядеть так: После применения border-radius 30 пикселей это будет выглядеть так:...

205
Смещение встроенных элементов при выделении жирным шрифтом при наведении

Я создал горизонтальное меню, используя списки HTML и CSS. Все работает как надо, кроме случаев, когда вы наводите курсор мыши на ссылки. Видите ли, я создал состояние жирного наведения для ссылок, и теперь ссылки меню смещаются из-за разницы в жирном размере. Я столкнулся с той же проблемой, что и...

205
Установка ширины столбца таблицы

У меня есть простая таблица, которая используется для входящих сообщений следующим образом: <table border="1"> <tr> <th>From</th> <th>Subject</th> <th>Date</th> </tr> Как установить ширину, чтобы От и Дата составляли 15% ширины страницы, а Тема...

205
HTML - как я могу показать подсказку ТОЛЬКО при активации многоточия

У меня есть диапазон с динамическими данными на моей странице, со ellipsisстилем. .my-class { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 71px; } <span id="myId" class="my-class"></span> document.getElementById('myId').innerText = "..."; Я хотел бы добавить к...

205
Изменить точку останова начальной загрузки navbar без использования LESS

В настоящее время, когда ширина браузера падает ниже 768 пикселей, панель навигации переходит в свернутый режим. Я хочу изменить эту ширину на 1000 пикселей, поэтому, когда размер браузера ниже 1000 пикселей, панель навигации переходит в свернутый режим. Я хочу сделать это без использования LESS, я...

205
Заставить div заполнить оставшееся * горизонтальное * пространство во flexbox

У меня есть 2 деления бок о бок в flexbox. Правая рука всегда должна быть одинаковой ширины, и я хочу, чтобы левая рука просто занимала оставшееся пространство. Но это не будет, если я специально не установлю его ширину. Таким образом, на данный момент он установлен на 96%, что выглядит нормально,...

204
Сделать абсолютное позиционирование div, увеличить родительский div div

Как вы можете видеть в CSS ниже, я хочу child2позиционировать себя раньше child1. Это потому, что сайт, который я сейчас разрабатываю, должен также работать на мобильных устройствах, где он child2должен быть внизу, так как он содержит навигацию, которую я хочу, под контентом на мобильных...

204
Twitter Bootstrap 3 Sticky Footer

Я уже давно использую фреймворк Twitter, и они недавно обновились до версии 3! У меня проблемы с тем, чтобы липкий нижний колонтитул прилипал ко дну, я использовал стартовый шаблон, предоставленный сайтом начальной загрузки Twitter, но все же не повезло, есть...

204
Имитировать тремор (например, от болезни Паркинсона) с помощью мыши на веб-странице?

Я работаю на фонд, который повышает осведомленность о доступности в Интернете. Для презентации мы хотим предложить небольшой семинар, который имитирует различные виды инвалидности / нарушений для людей. Это делается через веб-сайт, созданный специально для этой презентации. Одним из выявленных...

203
Применение стилей CSS к элементу в зависимости от его дочерних элементов

Можно ли определить стиль CSS для элемента, который применяется, только если соответствующий элемент содержит определенный элемент (как прямой дочерний элемент)? Я думаю, что это лучше всего объяснить на примере. Примечание : я пытаюсь стилизовать родительский элемент , в зависимости от того, какие...

203
Сохранить размер шрифта HTML при изменении ориентации iPhone с книжной на альбомную

У меня есть мобильное веб-приложение с неупорядоченным списком, содержащим несколько элементов списка с гиперссылкой внутри каждого li: ... Мой вопрос заключается в том, как я могу отформатировать гиперссылки, чтобы они не меняли размер при просмотре на iPhone, и акселерометр переключался из...

203
Отключить кнопки прокрутки webkit на типе ввода = «число»?

У меня есть сайт, который предназначен в основном для мобильных пользователей, но также и для настольных компьютеров. В Mobile Safari использование <input type="number">отлично работает, потому что оно вызывает цифровую клавиатуру в полях ввода, которые должны содержать только цифры. Однако в...

203
Как отключить маржинальное свертывание?

Можно ли вообще отключить коллапс маржи? Единственные решения, которые я нашел (под названием «uncollapsing»), влекут за собой использование 1px border или 1px padding. Я считаю это неприемлемым: посторонний пиксель усложняет вычисления без веской причины. Есть ли более разумный способ отключить...

202
Обратный вызов при завершении перехода CSS3

Я хотел бы потушить элемент (изменив его непрозрачность на 0), а затем, когда закончите, удалить элемент из DOM. В jQuery это просто, так как вы можете указать «Удалить», которое должно произойти после завершения анимации. Но если я хочу анимировать с помощью CSS3-переходов, есть ли способ узнать,...