CSS - Страница 540

Я пытаюсь создать блок с гладким изогнутым вырезом в правом верхнем углу, как на изображении ниже:

На данный момент моя реализация выглядит так:

Как видите, текущая кривая не такая плавная, как хотелось бы. - По сути, это не кривая, а квадрат...

Я новичок в веб-разработке, и у меня есть основной вопрос:
В режиме разработки браузера я могу «проверить» выбранный компонент пользовательского интерфейса в структуре страницы:
Режим разработчика Chrome ---> Элементы ---> дерево структуры...

Я хочу настроить на своей странице следующий макет:

Чтобы разделить страницу на две части, я написал:

body {
font-family: Arial;
}

.split {
height: 100%;
width: 50%;
position: fixed;
z-index: 1;
top: 0;
overflow-x: hidden;
}

.left {
left: 0;...

У меня есть гибкий контейнер с элементами внутри. Как обнаружить событие гибкой упаковки? Я хочу применить новый CSS к обернутым элементам. Я предполагаю, что невозможно обнаружить событие переноса с помощью чистого CSS. Но это была бы очень мощная...

Эта конкретная комбинация вложенного элемента сетки с justify-items: center в сетке и объектом-fit: contains и шириной: 100% в дочернем элементе создает другой дочерний элемент ширина в Chromium/Firefox и Safari.
Мои вопросы: (1) Какой из них...

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

Итак, на самом деле я создал элемент div как область выделения, но попробовал добавить элементы диапазона внутри элемента управления области выделения, например

A1 B1 C1 D1 >
A2 B2 C2 D2
A3 B3 C3 D3
A4 B4 C4 D4

Но он начинается с A3 и...

Я использую ngx-typed-js для отображения анимации набора текста и хочу, чтобы курсор отображался как _ вместо |.
Похоже на курсорChar не применяется.
Как сделать так, чтобы курсор отображался как _?

Однако курсор всегда отображается как | ....

У меня есть тег h1, внутри которого есть сильный тег.
Сильный текст выделен и выглядит жирным шрифтом в Windows, Mac Safari, Android, но по какой-то странной причине, которую я не могу найти, он не работает. на ios.
Текст выглядит так же, как и...

Используя Blazorise, я хотел бы создать прокручиваемую таблицу с фиксированным разделом верхнего и нижнего колонтитула. Хотя я вижу, как это сделать, указав фиксированную высоту таблицы, мне бы хотелось, чтобы высота таблицы менялась в зависимости...

Я использую Swiper.jsin в проекте React, и у меня возникли проблемы с настройкой точек останова для отображения разного количества слайдов за просмотр в зависимости от размера экрана. Моя цель — показать 2 слайда на маленьких экранах (786 пикселей и...

У меня есть реагирующий компонент Table.js, который имеет возможность выбирать строки и перетаскивать их, чтобы изменить порядок отдельных строк:
/drag-and-drop-reorder-multiple-rows-at-once-forked-56pl7c?workspaceId=ws_F2QxELJDBKDDSAxdPEPbQt
В...

На моем веб-сайте есть раздел отзывов, аналогичный разделу на официальном веб-сайте Tailwind CSS.
В разделе отзывов у меня есть кнопка, которую вы можете нажать, чтобы показать больше или показывать меньше отзывов.
Функция «Показать больше» работает...

Итак, на самом деле я создал элемент div как область выделения, но я попытался добавить элементы диапазона внутри элемента выделения области, например
A1 B1 C1 D1
A2 B2 C2 D2 p>
A3 B3 C3 D3
A4 B4 C4 D4
Но это начинается с A3 и заканчивается на B4,...

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

Подробнее...

У меня есть гибкий контейнер с двумя элементами, я пытаюсь сжать первый элемент до его минимальной ширины, прежде чем сжимать второй.
Оговорка: я хочу, чтобы первый элемент не увеличивался за пределами размера контента.
РЕДАКТИРОВАТЬ: благодаря...

Мне нужна таблица, содержащая столбец десятичных чисел различной длины до и после десятичной точки, со всеми выровненными десятичными точками.

Ширина столбца должна иметь «жидкий» размер, расширяющийся по мере необходимости для размещения ЛИБО...

Я создаю веб-сайт SSG, использующий SvelteKit (v2.0.0) и Svelte (v5.0.0). Я также использую PostCSS, используя интеграцию vitePreprocess.
Мой проект — это проект SvelteKit по умолчанию, который он генерирует при запуске sv create с добавлением...

Есть ли способ не переносить текст в ListItemText?

https:// i.sstatic.net/08eB1.png

Мне нужен ListItemText только для вырезания слов без расширения или прокрутки.

Спасибо

Подробнее здесь:

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

var testbutton = document.getElementById( testbutton );
var content = document.getElementById( content );
testbutton.onclick = function() {
html2canvas(content, {
onrendered : function(canvas) {
document.body.appendChild(canvas);
}
});
};...

Я получил этот первоначальный дизайн в формате Raw, который выглядит следующим образом:

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

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

У меня есть анимированный SafeAreaView с двумя кнопками внутри, представление имеет положение: абсолютное .
Когда я нажимаю кнопку кнопка, она проходит через нее и попадает на элементы позади кнопки.
В настоящее время я использую zIndex и повышение...

Я создаю веб-сайт SSG, использующий SvelteKit (v2.0.0) и Svelte (v5.0.0). Я также использую PostCSS, используя интеграцию vitePreprocess.
Мой проект — это проект SvelteKit по умолчанию, который он генерирует при запуске sv create с добавлением...