программирование css

4

Как комбинировать rotateX(50deg) rotateY(20deg) rotateZ(15deg)стенографию rotate3d()?

79 css css-transforms

2

Как установить ширину div с помощью ng-style

Я пытаюсь установить ширину div динамически, ng-styleно стиль не применяется. Вот код: <div style="width: 100%;" id="container_fform" ng-controller="custController"> <div style="width: 250px;overflow: scroll;"> <div ng-style="myStyle">&nbsp;</div> </div> </div> Контроллер: var MyApp = angular.module('MyApp', []); var custController = MyApp.controller('custController', function ($scope) { $scope.myStyle="width:'900px';background:red"; }); Что мне не хватает? Ссылка на скрипт : Fiddle

79 css angularjs ng-style

6

CSS: создать белое свечение вокруг изображения

Как создать белое свечение в качестве границы изображения неизвестного размера?

79 image css border glow

7

Создайте повторяющийся шестиугольный узор с помощью CSS3

Итак, мне нужно сделать повторяющийся шестиугольный узор с помощью CSS. Если нужны изображения, я могу пойти туда, но я бы предпочел просто использовать CSS, если это возможно. Вот идея того, что я пытаюсь создать: По сути, мне просто нужен способ создать шестиугольные формы, а затем наложить на них текст / …

79 html css css-shapes

13

Выравнивание радио / флажка в HTML / CSS

Каков самый чистый способ правильно выровнять переключатели / флажки с текстом? Единственное надежное решение, которое я использовал до сих пор, основано на таблицах: <table> <tr> <td><input type="radio" name="opt"></td> <td>Option 1</td> </tr> <tr> <td><input type="radio" name="opt"></td> <td>Option 2</td> </tr> </table> Некоторые могут это осудить. Я только что провел некоторое время (снова), …

79 html css checkbox radio-button

9

CSS: закреплен внизу и по центру

Мне нужно, чтобы нижний колонтитул был прикреплен к нижней части страницы и по центру. Содержимое нижнего колонтитула может постоянно меняться, поэтому я не могу просто центрировать его с помощью margin-left: xxpx; маржа справа: xxpx; Проблема в том, что это почему-то не работает: #whatever { position: fixed; bottom: 0px; margin-right: auto; …

79 css positioning sticky-footer

14

Определенные края с размытием фильтра CSS3

Я размываю некоторые изображения этим кодом img { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); } Однако края изображения тоже размываются. Можно ли размыть изображение, сохранив границы? Как вставка размытия или что-то в этом роде?

79 css

3

Применить стиль к ячейкам первой строки

Это должно быть очень просто, но я не могу понять. У меня есть такая таблица: <table class="category_table"> <tr><td> blabla 1</td><td> blabla 2 </td></tr> <tr><td> blabla 3 </td><td> blabla 4 </td></tr> </table> Я хочу, чтобы tdтеги первой trстроки имели vertical-align. Но не второй ряд. .category_table td{ vertical-align:top; }

79 html css css-selectors html-table

4

Центрируйте DIV неравномерно, используя CSS

Я центрирую DIV внутри другого DIV, используя flexbox. Подумайте о диалоговом окне, которое появляется в центре экрана при необходимости. Это работает нормально, однако выглядело бы намного лучше, если бы пространство над и под диалоговым окном было не совсем одинаковым, с 40% оставшегося пространства над и 60% под диалоговым окном. Это …

23 html css flexbox centering

10

Как убрать странные промежутки между тремя элементами, имеющими одинаковый цвет фона?

Я уже давно борюсь с этой проблемой. Эту проблему можно увидеть на мобильных устройствах (Android и iOS), некоторые устройства могут быть немного увеличены. На ПК я также могу воспроизвести эту ошибку в браузере Chrome при переключении в мобильный режим. Ниже приведен код, используемый для воспроизведения ошибки: <!DOCTYPE html> <html lang="en"> …

23 html css

7

Удалить ранее установленный цвет границы

20 javascript html css

8

Как я могу доказать, что две HTML-страницы выглядят одинаково?

Например, у меня есть это: <pre> sun<br/> &nbsp;&nbsp;&nbsp;&nbsp;mercury <br/> &nbsp;&nbsp;&nbsp;&nbsp;venus <br/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;earth <br/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;mars <br/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;jupiter <br/> &nbsp;&nbsp;&nbsp;&nbsp;saturn <br/> </pre> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент и это: <div style="font-family:monospace"> <div style="text-indent: 0">sun</div> <br/> <div style="text-indent: 4ch">mercury</div> <br/> <div style="text-indent: 4ch">venus</div> <br/> <div style="text-indent: 8ch">earth</div> <br/> <div style="text-indent: 8ch">mars</div> <br/> <div …

19 html css acid3

5

Не разрешать горизонтальную прокрутку при вертикальной прокрутке (и наоборот)

У меня есть список, с overflow-xи overflow-yустановлен в auto. Кроме того, я настроил прокрутку импульса, поэтому сенсорная прокрутка прекрасно работает на мобильных устройствах webkit-overflow-scrolling: true. Однако проблема в том, что я не могу понять, как отключить горизонтальную прокрутку при вертикальной прокрутке. Это приводит к очень плохому пользовательскому восприятию, поскольку перемещение …

17 javascript html css angular ionic-framework

10

Создание элементов одинакового размера с переносом

Я пытаюсь создать систему меню с изображением и текстом выше и ниже. Данные являются динамическими. Я хочу, чтобы система меню появилась так, чтобы каждое изображение было на одинаковом расстоянии друг от друга, чтобы они выстраивались в сетку изображений как по горизонтали, так и по вертикали. Проблема в тексте. Если текст …

17 html css flexbox

2

Как создать пунктирные круги с равномерным интервалом?

Я хотел сделать пунктирный круг с помощью CSS и создал его следующим образом. Хотя этот процесс может отображать пунктирную окружность, промежуток между концом и началом пунктирной линии стал узким, и разрыв не был равномерным. .c { width: 500px; height: 500px; border-width: 15px; border-style: dashed; border-radius: 600px; } <div class="c"></div> Выполнить …

16 javascript html css

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