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

Я хочу встановити, щоб елемент span відображався під іншим елементом за допомогою властивості display. Я спробував застосувати вбудований блок, але безуспішно, і зрозумів, що можу використовувати блок, якщо мені якось вдасться уникнути надання елементу ширини 100% (я не хочу, щоб елемент "розтягувався"). Чи можна це зробити, або якщо ні, яка …

95 html  width  block  css 

Чи є спосіб запобігти розриву рядка після div за допомогою css? Наприклад, я маю <div class="label">My Label:</div> <div class="text">My text</div> і хочуть, щоб він відображався так: Мій ярлик: Мій текст

95 css  html 

Чи є спосіб писати таблицю стилів друку, щоб зображення завжди було лише на одній сторінці, а не охоплювало кілька сторінок. Зображення набагато менші, ніж сторінки, але, виходячи з потоку документів, вони опиняються внизу сторінки та діляться. Приклад поведінки, яку я бачу, наведений нижче: Page 1 | | | (text text …

95 css  image  printing  print-style 

Простий HTML нижче відображається по-різному у браузерах на базі Firefox та WebKit (я перевіряв у Safari, Chrome та iPhone). У Firefox і рамка, і текст мають однаковий колір ( #880000), але в Safari текст стає дещо світлішим (ніби до нього застосовано певну прозорість). Чи можу я це якось виправити (видалити …

95 iphone  html  css  safari  webkit 

Хтось знає, як змінити розмір відеоплакату HTML5 так, щоб він відповідав точним розмірам самого відео? ось jsfiddle, який показує проблему: http://jsfiddle.net/zPacg/7/ ось цей код: HTML: <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /> </video>​ CSS: video{ border:1px solid red; }​ Зверніть …

95 css  html  attributes  html5-video 

Я хотів би поставити білу смужку, яка займала б всю ширину внизу екрана. Для цього я подумав про використання absoluteпозиціонування з успадкованими flexboxпараметрами. За допомогою наступного коду він робить що - щось на зразок цього . Ось мій код: var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon …

95 javascript  css  react-native 

Я наповнюю текстову область вмістом для редагування користувачем. Чи можна змусити його розтягнутись, щоб вмістити вміст за допомогою CSS (як overflow:showдля div)?

95 html  css 

Я шукав навколо і не міг цього знайти. Я намагаюся отримати ширину div, але якщо вона має десяткову крапку, вона округлює число. Приклад: #container{ background: blue; width: 543.5px; height: 20px; margin: 0; padding: 0; } Якщо я $('#container').width();це зроблю, це поверне 543 замість 543,5. Як мені змусити його не округляти …

94 javascript  jquery  css 

Я хочу, щоб зовнішній div, чорний, загортав його divплаваючі всередині нього. Я не хочу використовувати style='height: 200pxв ідентифікаторі divз outerdivідентифікатором, оскільки хочу, щоб це було автоматично висотою його вмісту (наприклад, плаваючі divs). <div id='outerdiv' style='border: 1px solid black;background-color: black;'> <div style='width=300px;border: red 1px dashed;float: left;'> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> </div> <div style='width=300px;border: red …

94 css  html  css-float 

Я використовую Twitter Bootstrap 2.0.1 у проекті Rails 3.1.2, реалізованому за допомогою bootstrap-sass. Я завантаження обидва bootstrap.cssі ті bootstrap-responsive.cssфайли, а також bootstrap-collapse.jsJavascript. У мене рідинний макет із панеллю навігації, подібною до прикладу . Це слідує інструкціям на панелі навігації щодо "адаптивних змін" тут . Це чудово працює: якщо сторінка вужча, …

94 css  ruby-on-rails-3  twitter-bootstrap 

Я намагаюся зупинити таблицю, де ширина явно оголошена, переповнюється за межами батьківського елемента div. Я припускаю, що я можу це зробити якимось чином, використовуючи max-width, але я, здається, не можу це зробити. Наступний код (з дуже маленьким вікном) спричинить це: <style type="text/css"> #middlecol { width: 45%; border-right:2px solid red; } …

94 html  css  html-table 

Клієнт дав мені дизайн, який має меню Select Option, що містить прапорець разом із назвою елемента як окремі елементи у списку. Чи можна якось додати прапорець до меню Вибір опції? Примітка: Розробник повинен додати свій власний ідентифікатор, щоб зробити меню ефективним, мені потрібен лише HTML CSS-код, якщо це можливо.

94 javascript  html  css  html-select 

У мене є набір стилізованих посилань за :beforeдопомогою стрілки. Це добре виглядає у всіх браузерах, але коли я застосовую підкреслення до посилання, я не хочу, щоб підкреслення на :beforeчастині (стрілка). Див. Jsfiddle, наприклад: http://jsfiddle.net/r42e5/1/ Чи можна це видалити? Тестовий стиль, з яким я сидів, #test p a:hover:beforeдійсно застосовується (згідно з …

94 html  css  hyperlink  pseudo-element  text-decorations 

Якщо в моєму html є таке: <div style="height:300px; width:300px; background-color:#ffffff;"></div> І це в моїй таблиці стилів css: div { width:100px; height:100px; background-color:#000000; } Чи є якийсь спосіб, за допомогою javascript / jquery, видалити всі вбудовані стилі і залишити лише стилі, зазначені в таблиці стилів css?

94 javascript  jquery  css  inline 

Пристрої iOS додають багато дратівливих стилів на введення форми, особливо на введення [type = submit]. Нижче наведені ті самі прості форми пошуку в браузері настільного комп’ютера та iPad. Настільний: iPad: Введення [type = text] використовує вставку тіні вікна CSS, і я навіть вказав -webkit-border-radius: none; який, мабуть, перекривається. Колір і …

94 css  ios  forms