Проблема CSS Flexbox: почему ширина моих flexchildren зависит от их содержимого?

каждый из 2 детей моего flexbox имеет стиль box-flex: 1. Я так понимаю, что их ширина должна быть равны друг другу (обе оккупационные 50% от общей ширины родительского элемента). Но когда контент добавляется к детям, их ширина меняется (в зависимости ...

Большая динамическая таблица html с фиксированной строкой прокрутки и фиксированным столбцом прокрутки

мне нужно отобразить большую таблицу на веб-странице и нужно предотвратить прокрутку первого столбца и первой строки. Я хотел бы динамически установить вертикальный размер этой таблицы (между некоторым статическим размером верхнего/нижнего колонтитул ...

Можно ли центрировать элемент встроенного блока, и если да, то как?

у меня есть элемент изначально неизвестной ширины, в частности, уравнение MathJax, предоставленных Пользователем. У меня есть элемент, установленный как встроенный блок, чтобы гарантировать, что ширина элемента соответствует его содержимому и так, ч ...

CSS Div ширина в процентах и заполнение без разрыва макета

там может быть простое решение для этого, но это беспокоило меня уже давно... позвольте мне объяснить ситуацию. У меня есть div с идентификатором "контейнер", который содержит все содержимое на странице (включая верхний и Нижний колонтитулы также) ...

Сделать начинает периодически элемента (щелчком за ним)

У меня есть фиксированное изображение, которое накладывается на страницу, когда пользователь находится в процессе прокрутки сенсорного экрана (мобильный). Я хочу сделать это изображение "unclickable" или "неактивным" или что-то еще, так что если пол ...

Удаление стиля номера телефона Microsoft Edge

Я заметил, что новый браузер Microsoft Edge переопределяет мои стили, когда он обнаруживает номера телефонов: <span class="phone">(123)123-1234</span> посмотреть этот jsfiddle (должен быть открыт с помощью Microsoft Edge: P). такого р ...

Принуждение IE8 к перезаписи/перекраске:до/: после псевдо-элементов

поэтому я немного поиграл с этой календарной штукой: сетка дивов (имитация таблицы) при наведении указателя мыши на ячейку таблицы отображается подсказка с двумя значками, каждый из которых состоит из div с элементами :before и: after значки меняют ...

Сером Фоне Небольшие Изображения

Я много искал в интернете, но я не могу найти кросс-браузерное решение для выцветания изображения CSS backgrund в оттенки серого и обратно. единственное рабочее решение-применить CSS3 фильтр оттенков серого: -webkit-filter: grayscale(100%); но эт ...

Как сделать div 100% высоты страницы (не экрана)?

Я пытаюсь использовать CSS для создания "серого" эффекта на моей странице, когда окно загрузки отображается на переднем плане во время работы приложения. Я сделал это, создав 100% высоту/ширину, полупрозрачный черный div, который имеет свою видимость ...

В любом случае, чтобы предотвратить синюю подсветку элементов в Chrome при быстром нажатии?

большую часть времени я не беспокоюсь об этом, но у меня есть карусель изображений, и если я быстро нажму на следующий и предыдущий дивы, они будут выделены в Chrome. Я попытался использовать контур: нет, но нет эффекта. Есть ли какие-то решения там ...

Как использовать CSS с приложением ruby on rails?

Как использовать CSS с RoR? Когда я связываюсь внешне, я никогда не могу видеть файлы. Я бы так и сделал .css-файл в каждую папку, о которой я мог думать...представления, контроллер, шаблон, и ничего, кажется, работает. Что мне нужно сделать, чтобы ...

Заполнение строки таблицы

<html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> ...

Веб-шрифты Google и генерация PDF из HTML с помощью wkhtmltopdf

Я использую wkhtmltopdf для преобразования HTML-файлов в формате PDF; это дает удивительно хорошие результаты, рендеринг PDF точно так же, как это сделал бы WebKit. Я использую Google Web Fonts чтобы дать пользователям возможность настроить внешний ...

Мне нужно свойство CSS max-margin, но его не существует. Как я мог притворяться?

Я пытаюсь сделать простую страницу со следующими характеристиками: его тело должно быть не менее 60 м шириной. его левое и правое поля должны быть одинаково широкими и не более 3em шириной. при изменении размера окна браузера поля документа должны ...

Где я должен поместить код CSS и Javascript на веб-страницу HTML?

при разработке веб-страницы, где я должен поместить следующий код? <link rel=stylesheet type="text/css" href="css/layout.css"> Я должен положить его в <head> или я должен положить его в <body>? Пожалуйста, уточните следующие вопр ...

Текст и макет приложения Phonegap слишком малы

недавно я создал приложение для android с использованием html, css, javascript и запустил их через phonegap для создания фактического приложения. Одна из проблем, с которой я столкнулся в одном телефоне, заключается в том, что текст выглядит слишком ...

Высота тела 100% отображение вертикальной полосы прокрутки

из любопытства, учитывая приведенный ниже пример, почему наличие поля на # container div вызывает появление вертикальной полосы прокрутки в браузере? Контейнер намного меньше по высоте, чем высота корпуса, которая установлена на 100%. Я установил от ...

Как указать заполнение таблицы в CSS? (таблица, а не заполнение ячеек)

У меня есть таблица с цветным фоном, и мне нужно указать заполнение между таблицей и ее содержимым, т. е. ячейками. Тег таблицы, похоже, не принимает значение заполнения. Firebug показывает таблицу и макет tbody с заполнением 0, но не принимает никак ...

Как скрыть переполнение строки таблицы?

у меня есть некоторые таблицы html, где текстовые данные слишком велики, чтобы соответствовать. Таким образом, он расширяет ячейку вертикально, чтобы приспособиться к этому. Таким образом, теперь строки с переполнением в два раза выше строк с меньш ...

Создайте переменную.CSS-файл для использования в этом.CSS-файл [дубликат]

Возможные Дубликаты:избегая повторяющихся констант в CSS У нас есть некоторые "цвета темы", которые повторно используются в нашем листе CSS. есть ли способ установить переменную, а затем повторно использовать ее? например. .css OurColor: B ...