Запитання з тегом «css»

Це CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } Як воно виробляє коло нижче? Припустимо, якщо ширина прямокутника становить 180 пікселів, а висота - 180 пікселів, то це буде виглядати так: Після застосування радіусу кордону в 30 пікселів це буде виглядати так: Прямокутник стає …

206 html  css  css-shapes 

Як додати style=display:"block"до елемента в jQuery?

206 javascript  jquery  html  css 

В даний час, коли ширина браузера опускається нижче 768 пікселів, навігація переходить у режим згорнутого. Я хочу змінити цю ширину на 1000px, тому, коли браузер нижче 1000px, навбар переходить у режим згорнутого. Я хочу це зробити, не використовуючи менше, я використовую стилус, а не менше. Моє питання те саме, що …

205 css  twitter-bootstrap  responsive-design  navbar  collapse 

Я знаю, що налаштування margin: 0 auto;на елемент використовується для його центрування (зліва-справа). Однак я знаю, що елемент та його батько повинні відповідати певним критеріям, щоб автоматичний запас працював, і я ніколи не можу отримати магію правильно. Отже, моє запитання просте: які властивості CSS потрібно встановити на елементі та його …

205 css 

Скажімо, у мене є рядок " Мені подобаються великі недопалки, і я не можу брехати ", і я перерізав її overflow:hidden, тому вона відображає щось подібне: Мені подобаються великі недопалки і я не можу відрізання тексту. Чи можна відобразити так: Мені подобаються великі недопалки, і я не можу ... за …

205 html  css 

У мене на моїй сторінці проміжок із динамічними даними на 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 javascript  html  css  tooltip  ellipsis 

Я працюю над фондом, який підвищує обізнаність щодо доступності в Інтернеті. Для презентації ми хочемо запропонувати невелику майстерню, яка імітує різні обмеження / порушення людей. Це робиться через веб-сайт, створений спеціально для цієї презентації. Одне з продемонстрованих порушень - це тремор, що означає відчуття хитких, важко контрольованих рухів руки. При …

204 javascript  html  css  accessibility  simulation 

Я використовую рамки завантажувального завантаження ще досить давно, і вони нещодавно оновились до версії 3! У мене виникають проблеми з тим, щоб липкий нижній колонтитул приклеїти до низу, я використав шаблон для початківців, який надає веб-сайт twitter bootstrap, але все ще не пощастило, будь-які ідеї?

204 html  css  twitter-bootstrap  twitter-bootstrap-3 

Як ви бачите в CSS нижче, я хочу child2позиціонувати себе раніше child1. Це тому, що сайт, який я зараз розробляю, також повинен працювати на мобільних пристроях, на яких він child2повинен знаходитися внизу, оскільки він містить навігацію, яку я хочу нижче вмісту на мобільних пристроях. - Чому б не 2 головних …

204 html  css  position  master-pages  parent-child 

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

204 html  css  hover  text-size 

У мене є сайт, який в основному призначений для користувачів мобільних пристроїв, але також настільних ПК. На мобільному Safari використання <input type="number">відмінно працює, оскільки воно відображає цифрову клавіатуру на полях введення, яка повинна містити лише цифри. Однак у Chrome та Safari за допомогою цифрових входів у правій частині поля відображаються …

203 css  html  webkit 

У мене є веб-додаток для мобільних пристроїв із невпорядкованим списком, що містить декілька списків із гіперпосиланням всередині кожного li: ... Моє запитання полягає в тому, як я можу відформатувати гіперпосилання, щоб вони НЕ змінювали розмір при перегляді на iPhone, а акселерометр перемикався з портретного -> ландшафтного? Зараз у мене розмір …

203 iphone  html  css 

Чи можна визначити стиль CSS для елемента, який застосовується лише у тому випадку, якщо відповідний елемент містить конкретний елемент (як прямий дочірній елемент)? Я думаю, що це найкраще пояснити на прикладі. Примітка . Я намагаюся стилізувати батьківський елемент , залежно від того, які дочірні елементи він містить. <style> /* note …

203 html  css 

У мене є 2 діви поруч у флексі. Права завжди повинна бути однакової ширини, і я хочу, щоб ліва рука просто захопила залишився простір. Але це не стане, якщо я спеціально не встановлю його ширину. Отже, на даний момент він встановлений на 96%, що виглядає нормально, поки ви дійсно не …

203 html  css  flexbox 

Скажімо, у мене є цей HTML: <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> і цей CSS: li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } Результат можна побачити тут: http://jsfiddle.net/YMN7U/1/ Тепер уявіть, що …

202 html  css