Tag: css

Сделать вид 80% -ной ширины родительского в React Native

Я создаю форму в React Native и хотел бы сделать мой TextInput 80% ширины экрана. С HTML и обычным CSS это было бы просто: input { display: block; width: 80%; margin: auto; } За исключением того, что React Native не поддерживает свойство display , процентную ширину или автоматическое поле. Так что же мне делать? Обсуждается […]

Приложения JavaScript / HTML / CSS на устройствах Android – чрезвычайно медленные

Мы делаем некоторые игры для JavaScript. Они отлично работают на iPhone, iPad и на рабочем столе. Самая большая проблема – устройства Android. Все таблетки, которые мы имеем с Honeycomb OS 3.x (Samsung Tab 10.1, Motorola Xoom, Acer Iconia и т. Д.), Чрезвычайно медленны, когда выполняется JavaScript, и содержимое отображается. Это лучше на телефонах 2.x, но […]

CSS. Выделите div, когда идентификатор связан с использованием привязки?

То, что я пытаюсь сделать, это выделить div с определенным идентификатором, когда на него ссылается якорь на другой странице IE: Пользователь нажимает ссылку href="qw.html#test" , когда страница загружается, тогда div с id="test" подсвечивается так, чтобы пользователь мог ясно видеть это. Я уверен, что я видел пример CSS3, где div выделяется, если он связан с. Или […]

Как я могу центрировать выравнивание без знания ширины?

Я посмотрел это, и взгляд кажется мрачным. Меня не интересует использование таблицы. У меня есть 6 или около того «встроенных блоков» элементов, которые составляют меню. Это пятно, за исключением того, что все элементы «a» установлены в ширину: auto; Для размещения их текста. Без явной ширины я не могу центрировать их выравнивание. У меня есть div […]

Как заставить ссылку действовать как ввод файла

У меня есть ссылка, <a id="upload-file">Upload your photo</a> И если щелкнуть, я хочу, чтобы он выступал в качестве входного файла для просмотра <input id="upload-file" type="file"/> Как бы я это сделал?

Может ли Jekyll действовать над файлами css или js?

Я использую Jekyll для одного из моих проектов, и это действительно кажется хорошей альтернативой для разработки простых веб-сайтов, но автоматизация некоторых процессов. Приятно, как работают Liquid Extensions , поэтому мне было интересно, можно ли сделать Jekyll над файлами js и css. Поэтому я мог бы использовать мой main.css : @import url("/stylesheets/reset.css?{{site.time | date: '%Y%m%d%H%M%S'}}"); @import […]

Выровнять div с фиксированным положением с правой стороны

Я хочу показать div который всегда отображается, даже когда пользователь прокручивает страницу. Я использовал position: fixed; CSS position: fixed; для этого. Теперь я также хочу показать div в правом углу родительского div . Я попытался использовать этот код CSS для достижения цели: .test { position: fixed; text-align: right; } Но он не выравнивает элемент с […]

Как расширить область текста при нажатии

Я работаю над небольшим проектом, в котором есть текстовое поле, и мне нужна помощь в том, чтобы область текста расширялась по щелчку мыши, как твиттер и facebook. Текстовое поле должно сначала выглядеть как текстовое поле, а затем щелкнуть мышью на нем.

Невозможно запустить анимацию на вложенном ngRepeat

Я не могу понять, как запускать анимацию на вложенном ngRepeat с помощью Angular. Класс CSS «.test» анимирован. При использовании «.test» во внутреннем ngRepeat он не работает ( Plunker ): <div ng-repeat="section in sections"> <div ng-repeat="item in section.items" class="test"> <h2>{{item.title}}</h2> </div> </div> При использовании «.test» на внешнем ngRepeat он работает ( Plunker ): <div ng-repeat="section in […]

Выделите отдельное слово в текстовом блоке при наведении

В javascript / jQuery есть ли способ идентифицировать слово в текстовом блоке / параграфе? Например, скажем, у меня есть следующий абзац: Lorem ipsum dolor сидит amet, consectetur adipiscing elit. Маурис сузипит интердум фермент. Aenean fermentum imperdiet augue, et venenatis lectus semper vel. Phasellus faucibus nulla в quam egestas eleifend. Cras tristique augue eget libero tristique […]

JavaScript делает сайт умным, красочным и простым использованием.