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

Для любого произвольного изображения я хочу обрезать квадрат от центра изображения и отобразить его в пределах данного квадрата. Этот вопрос похож на этот: CSS отображает изображение, измененное и обрезанное , но я не знаю размер изображения, поэтому я не могу использовать заданные поля.

159 css 

Я строю многоязычный сайт, владелец которого помогает мне с некоторыми переводами. Некоторые из отображаемых фраз нуждаются в переносе строк для поддержания стиля сайта. К сожалению, владелец не компьютерный парень, поэтому, если он увидит, foo<br />barесть шанс, что он каким-то образом изменит данные во время перевода. Есть ли CSS-решение (помимо изменения …

159 css  line-breaks 

Кто-нибудь знает, будет ли Internet Explorer поддерживать CSS-атрибут border-radius?

158 internet-explorer  css 

Каков наилучший способ вертикального центрирования содержимого div, когда высота содержимого является переменной. В моем конкретном случае высота контейнера контейнера фиксирована, но было бы здорово, если бы было решение, которое работало бы в тех случаях, когда контейнер также имеет переменную высоту. Кроме того, я хотел бы, чтобы решение не использовало или …

158 css  vertical-alignment 

Мне нужно сделать численный расчет на основе свойств CSS. Однако, когда я использую это, чтобы получить информацию: $(this).css('marginBottom') возвращает значение «10px». Есть ли хитрость в том, чтобы просто получить числовую часть значения, независимо от того, является оно pxили %или emили иным?

158 javascript  jquery  css  parsing 

Мое требование простое: 2 столбца, где правильный столбец имеет фиксированный размер . К сожалению, я не смог найти работающее решение, ни на stackoverflow, ни в Google. Каждое решение, описанное там, терпит неудачу, если я реализую в своем собственном контексте Текущее решение: div.container { position: fixed; float: left; top: 100px; width: …

158 css  html 

Я просмотрел довольно много демонстраций и понятия не имею, почему я не могу заставить вращение CSS3 работать. Я использую последнюю стабильную версию Chrome. Скрипка: http://jsfiddle.net/9Ryvs/1/ div { margin: 20px; width: 100px; height: 100px; background: #f00; -webkit-animation-name: spin; -webkit-animation-duration: 40000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 40000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: …

158 css  css-animations 

Я пытаюсь понять, как сделать следующую сетку с помощью Bootstrap. Я не уверен, как бы я создал коробку (номер 1), которая охватывает две строки. Коробки генерируются программно в том порядке, в котором они расположены. Коробка 1 - приветственное сообщение. Есть какие-нибудь идеи о том, как лучше всего это сделать?

158 css  twitter-bootstrap 

Flexbox имеет такое поведение, когда он растягивает изображения до их естественной высоты. Другими словами, если у меня есть контейнер flexbox с дочерним изображением, и я изменяю ширину этого изображения, высота не изменяется вообще, и изображение растягивается. div { display: flex; flex-wrap: wrap; } img{ width: 50% } <div> <img src="https://loremflickr.com/400/300" …

158 html  css  flexbox 

Мне нужно добавить динамический класс в список обычных классов, но я понятия не имею, как (я использую babel), что-то вроде этого: <div className="wrapper searchDiv {this.state.something}"> ... </div> Любые идеи?

158 css  reactjs 

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

157 html  css  twitter-bootstrap-2 

В настоящее время я использую функцию ниже для создания текста, который будет отображаться с помощью плагина всплывающей подсказки Bootstrap. Почему многострочные всплывающие подсказки только работают, <br>а не работают \n? Я предпочитаю, чтобы в атрибутах заголовка моих ссылок не было HTML. Что работает def tooltip(object) tooltip = "" object.each do |user| …

157 javascript  html  css  twitter-bootstrap 

Я создаю меню навигации со словами разных цветов ( hrefссылки). Я бы хотел, чтобы цвет НЕ менялся в любом состоянии (зависание, посещение и т. Д.). Я знаю, как установить цвета для разных состояний, но я хотел бы знать код, чтобы просто оставить цвет текста (и любой другой стиль / форматирование) …

157 html  css  href 

В заголовке HTML я получил это: <head> <title>Title</title> <link href="styles.css" rel="stylesheet" type="text/css"/> <link href="master.css" rel="stylesheet" type="text/css"/> styles.cssмой лист для конкретной страницы. master.cssэто лист, который я использую в каждом из моих проектов, чтобы переопределить настройки браузера по умолчанию. Какой из этих стилей имеет приоритет? Пример: первый лист содержит конкретные body { …

157 css  overriding  stylesheet 

В этой статье http://css-tricks.com/css-sprites/ , рассказывается о том, как я могу обрезать меньшее изображение из одного большего изображения. Можете ли вы сказать мне, если это возможно / как я могу обрезать уменьшенное изображение, а затем масштабировать обрезанную область, прежде чем выложить ее? Вот пример из этой статьи: A { background-image: …

157 css  css-sprites