CSS - Страница 479

У меня есть следующий HTML. Я ожидаю, что столбцы будут иметь следующую ширину:
Сначала суммируйте единицы FR: 0,370162 + 0,46852 + 0,281787 = 1,120469

столбец 1 = ~ 198px (600 * 0,370162 /1.120469)
столбец 2 = ~ 250px (600 * 0,46852...

У меня есть веб -сайт Bootstrap Twitter с элементом с пользовательским изображением для пуль. Сопоставьте Bullet Image. Текст слишком низкий. Есть ли надежный способ поднять текст элемента списка, чтобы он был вертикально сосредоточен с...

Как лучше всего иметь два набора из 16 диалогов с кликабельным изображением, которые не активны одновременно, но они отображаются в одних и тех же местах? Набор из 16 диалогов, которые становятся «неактивными» на нажатии кнопки, позволяя вам...

Итак, моя ситуация заключается в том, что я работаю над личным портфельным проектом (используя React и Django, но, вероятно, не имеет отношения к этому вопросу), и у каждого проекта будут свои собственные стили. Однако я хочу, чтобы мой веб -сайт по...

Вот минимальный воспроизводимый пример, который я записал, который может продемонстрировать эту проблему.

html {
height: 100%;
background-color: red;
}

body {
display: flex;
flex-direction: column;

margin: 0;
min-width: fit-content;...

Несколько месяцев назад у меня была идея и пошла на нее неправильно, но в основном это сработало. После того, как мой приятель @max посмотрел и дал мне несколько указателей, я вернулся к нему с некоторой помощью Моники. это работает . Я написал...

Я добавил прокрутку Лениса Снотта в один из проекта веб -потока нашего клиента. Теперь я не могу прокрутить до самой нижней части страницы. > Вот код, который я использую для init lenis:
const lenis = new Lenis()

lenis.on('scroll', (e) => {...

Вот минимальный воспроизводимый пример, который я записал, который может продемонстрировать эту проблему.

html {
height: 100%;
background-color: red;
}

body {
display: flex;
flex-direction: column;

margin: 0;
min-width: fit-content;...

У меня есть сетка 9x6 с 80 квадратами PX.

.grid {
background-image:
repeating-linear-gradient(#ccc 0 1px, transparent 1px 100%),
repeating-linear-gradient(90deg, #ccc 0 1px, transparent 1px 100%);
background-size: 80px 80px;
outline: 10px solid...

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

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

Я не могу заставить это ответное меню W3C для работы в Svelte. Меню Горизонтальное Navbar правильно скрыто, но я не могу получить вертикальную версию, чтобы показать. Демонстрация на сайте W3C работает.
Когда я строю его локально ......

У меня есть простая белая горизонтальная линия. В настоящее время у меня есть этот CSS, чтобы анимировать его, чтобы сократить его в ничего:
HTML:

CSS:

.container {
width: 530px;
height: 530px;
background-color: black

.white-line {...

У меня есть следующий HTML. Я ожидаю, что столбцы будут иметь следующую ширину:
Сначала суммируйте единицы FR: 0,370162 + 0,46852 + 0,281787 = 1,120469

столбец 1 = ~ 198px (600 * 0,370162 /1.120469)
столбец 2 = ~ 250px (600 * 0,46852...

Вот рассказ:

У меня есть представление, которое мне нужно напечатать на одной полной странице. У меня не может быть второй страницы, и мне нужно, чтобы она была максимально большей на странице. ). Я переопределял большинство классов для печати....

Я использую запрос печатных СМИ для печати прокручиваемого Div на моей веб -странице (Main Div содержит Sub Div и таблицу с несколькими рядами и пользовательскими стилями из Kendo Grid). Window.print () печатает только одну страницу как в IE 9, так...

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

У меня есть веб -сайт Bootstrap Twitter с элементом с пользовательским изображением для пуль. Сопоставьте Bullet Image. Текст слишком низкий. Есть ли надежный способ поднять текст элемента списка, чтобы он был вертикально сосредоточен с...

Я делаю шаблон Thymeleaf и для поля Creatorname , если это электронное письмо, такое как «dataautomation@gmail.com». Вместо этого Thymeleaf автоматически применяет синюю окраску, подчеркивание, текстовое разрешение и общеобразователь, как если бы...

Я пытаюсь получить $ Знак для ввода данных валют внутри ионо-входного. HTML выглядит ниже

и css
ion-input {
border-radius: 6px;
border: 1px solid #AEB1B5;
}

.ban-input {
--placeholder-color: #AEB1B5 !important; //grey-700
--padding-start:...

У меня есть форма, чтобы получить данные пользователя.
После отправки формы страница загружается. Я хочу отобразить сообщение успеха после загрузки страницы.

function Formvalidation(){
var validate = validateForm();
if( validate == true ){
alert(...

s

.container {
width: 100%;
display: flex;
height: 100%;
}
.messages {
width: 70%;
background-color: #252525;
border-radius:20px 30px 30px 20px;
}
.list {
overflow-y: auto;
max-height: 100%;
}

.partial {
height: 50px;
width: 100px;...

import React from react ;
import ./clientLayout.css ;

const ClientLayout = () => {
const generateParagraphs = (count) => {
return Array.from({ length: count }, (_, index) =>
Paragraph {index + 1}
);
};
return (

{generateParagraphs(1000)}...

У меня есть простой макет CSHTML, как это:

@ViewData - TDMajstor

@{
string currLink = Context.Request.Path;
}
Pocetna
Termodom

@RenderBody()

его css:
body {
}

#HorizontalMenuWrapper {
/*text-align: center; - ako...

У меня есть простая белая горизонтальная линия. В настоящее время у меня есть этот CSS, чтобы анимировать его, чтобы сократить его в ничего:
HTML:

CSS:

.container {
width: 530px;
height: 530px;
background-color: black

.white-line {...