Вопросы и ответы - css - страница 2

Вопросы и ответы - css - страница 2



Есть ответ!
Я хочу установить ширину границы в 0px, но стиль границы не работает, когда я использую селектор классов. С другой стороны, ширина границы работала, если я использую селектор идентификаторов! вот html (шаблон vue): <el-form-item label="Title"> <el-input type="text" id="title" name="title" placeholder="title" v-model="editForm.title"></el-input> </el-form-item> <el-...
Есть ответ!
Как разместить переключатель в вертикальном центре? В настоящее время я использовал top: 50 %, но он не выравнивается по центру. Я не жестко кодирую высоту правого div в любом случае, я хочу использовать функцию calc, чтобы дать верхнее значение, но высота правого div всегда динамична. Есть ли какой-нибудь способ, чтобы я мог получить высоту? <b-tabs> &...
Есть ответ!
У меня есть компонент navbar в приложении react, но по какой-то причине он отображается в нижней части страницы, а не в верхней части страницы, как мне бы хотелось. Я попытался поместить навигатор в отдельный заголовок и расположить абсолютную вершину на этом заголовке, но это тоже не исправило его. Код приведен ниже. Навигации.JS import React from 'react'; import './App.scss' import logo from '...
Есть ответ!
Я пытаюсь разделить список на части в зависимости от количества элементов в массиве. Если количество ингредиентов в массиве больше 6, то я хочу, чтобы список разделился на две части. Не могу понять, как я буду это делать! Я знаю, что есть свойство CSS, которое позволяет разделить список на два, но при этом возникла проблема форматирования, и я хочу разделить список только в том случае, если он дос...
Есть ответ!
Допустим у меня есть файл с темами: темы.JS: import {createMuiTheme} from "@material-ui/core/styles"; export const myTheme = createMuiTheme({ palette: { text: { color: "#545F66", }, }, }); И файл с приложением.js, где рендер выглядит примерно так: return ( <MuiThemeProvider theme={myTheme}> <CssBaseline /> <My...
Есть ответ!
<template> <div> <div class="flex justify-center w-full"> <div class="h-px-500 md:w-1/6 bg-orange-200 text-center">1</div> <div class="h-px-500 md:w-1/6 bg-orange-300 text-center">2</div> <div class="h-px-500 md:w-1/6 bg-orange-400 text-center">3</div> </div> </div> </template> Так.. Как я могу поместить этот...
Есть ответ!
у меня есть div, который отображает элементы с помощью v-for, например <div v-for"element in example" :id="element+'id'"> {{element}} </div> элементы имеют уникальные идентификаторы, как вы можете видеть. И все работает, но у меня есть конкретный момент, когда это нужно сделать по-другому. Когда текущий элемент содержит ['некоторый текст'] в скобках, например, я хочу назначить сти...
Есть ответ!
Я использую компонент Vuetify v-data-table и устанавливаю свойство fixed-header, но заголовок таблицы прокручивается вместе с телом таблицы. Я использую последнюю версию Chrome. Может ли какое-либо тело сказать, как исправить это поведение, чтобы оно работало правильно?
Есть ответ!
Есть ли какой-либо способ скрыть основной div в приложении Vue, созданном Vue-CLI? Я попытался добавить свойство display, но это не решило проблему. Я пытаюсь спрятать его внутри своего компонента каналов. Мой основной компонент выглядит так : <template> <div id="app"> <Channels/> </div> </template> <script> import Channels from './components/Channels'...
Есть ответ!
У меня есть форма с 3 вариантами выбора например для цветов как показано ниже : <form action="{{ route('shop.products.index', $product->url_key) }}" method="get"> <select name="color_id"> <option value="1">black</option> <option value="2">brown</option> <option value="3">white</option> </select> <input type="submit" va...
Есть ответ!
Главный вид файла Это происходит, когда публика находится в URL-адресе После удаления из URL файл Bootstrap находится в открытом доступе в Bootstrap / css/bootstrap.CSS
Есть ответ!
Я пытаюсь добавить модал, который будет состоять только из прозрачного gif-файла. К сожалению, он не отображается с прозрачным фоном. Нет никаких проблем с прозрачностью GIF-файлов. Я пытаюсь сделать загрузочный экран с черным фоном и прозрачным gif-файлом. Вот мой css класс для моего модального кода : .v--modal-overlay[data-modal="loading"] { background: black; } Модальные глаголы в HTML (я...
Есть ответ!
У меня есть динамический переход, который говорит моему элементу двигаться влево или вправо (это элемент слайдера). Поскольку по умолчанию Vue позволяет мне выполнить только один переход, я использую свойство динамического перехода: <transition v-bind:name="'slider-' + slideDirection"> Теперь у этого слайдера есть переход enter и leave, который настраивается в соответствии с направлением,...
Есть ответ!
Как правильно импортировать не подключаемый модуль npm в Ember? Я пытаюсь использовать версию sass flag-icon-css с ember-cli, чтобы sass был построен во время развертывания с остальной частью ember-cli-sass, но я не могу понять, как это сделать автоматически (например, без ручного копирования файлов на public). Использование ember-auto-import кажется хорошим местом для начала, но оно больше орие...
Есть ответ!
Я знаю, что есть такая "GNU's not Unix", но что означает буква G?
Есть ответ!
После создания компонента с помощью v-card в grid system id не заполняется на полную высоту. Я использовал d-flex, однако он не работает, как предполагалось. Средняя колонка с белой v-картой должна заполнять всю высоту колонки, однако она укладывается сверху. Вот картинка желаемого функционала: И вот код, в Codepen вы можете видеть, что он не распространяется на всю высоту столбца, но вложен в ...
Есть ответ!
Я пытаюсь использовать @media в тегах стиля компонента VueJS. Стиль в @media работает все время вместо того, чтобы работать с правилом ширины. <template> <header class="header"></header> </template> <script> export default { } </script> <style scoped> .header { height: 2000px; background-color: black; } @media o...
Есть ответ!
У меня есть настройка, где я использую дивы в качестве кнопок, и когда они нажимаются, они добавляют ингредиенты к моему бургеру. JS: <div id="ingredientBox"> <Ingredient ref="ingredient" v-for="item in currentIngredients" v-on:increment="addToBurger(item)" :item="item" :lang="lang" :ui-labels="uiLabels" :key="item.ingred...
Есть ответ!
Всем доброго времени суток! Есть модальное окно и, изначально было так, что скроллбар прокручивал всю область. Необходимо перенести его ниже. Я это сделал, но работает криво. Для всего модального окна задал значение overflow-y: hidden. А для дочернего элемента с классом content (где расположено всё, что ниже заголовка и до кнопок "OK" и "Отмена"), задал overflow-y: auto и height: -webkit-fill-ava...
Есть ответ!
У меня есть такое меню: .dropdown-checkbox { position: relative; display: inline-block } .dropdown-checkbox .label-title { font-size: 13px; } .dropdown-checkbox ul { position: absolute; bottom: -120%; left: 114%; background: #cacaca; list-style: none; min-width: 180px; margin: 0px; padding: 0px; display: none; z-index: 1; border: 1px solid #9c...


Закрыть X