Perguntas com a marcação «css»

CSS (Cascading Style Sheets) é uma linguagem de folha de estilos de representação usada para descrever a aparência e a formatação de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) e elementos SVG, incluindo (mas não limitado a) cores, layout, fontes, e animações. Também descreve como os elementos devem ser renderizados na tela, no papel, na fala ou em outra mídia.

10
Criando divs de tamanhos iguais com wrap-around
Estou tentando criar um sistema de menus com uma imagem e texto acima e abaixo. Os dados são dinâmicos. Estou querendo que o sistema de menus apareça para que cada imagem fique a uma distância igual da outra, para que se alinhem em uma grade de imagens na horizontal e …
17 html  css  flexbox 

2
Como criar círculos tracejados com espaçamento uniforme?
Eu queria fazer um círculo pontilhado com CSS e o criei com o seguinte processo. Embora o círculo tracejado possa ser exibido por esse processo, o espaço entre o final e o início da linha tracejada tornou-se estreito e o espaço não era uniforme. .c { width: 500px; height: 500px; …
16 javascript  html  css 

8
Como selecionar várias células usando ctrl + clique
Eu tenho uma mesa com números. Quando clico em uma célula da tabela, alterna o estado ativo. Desejo selecionar uma célula e pressionar crtl e selecionar outra célula e, como resultado, as células entre a primeira e a segunda se tornarão ativas. Como implementá-lo? codepen https://codepen.io/geeny273/pen/GRJXBQP <div id="grid"> <div class="cell">1</div> …
16 javascript  html  css 

1
Por que getComputedStyle () em um teste JEST retorna resultados diferentes para estilos computados no DevTools do Chrome / Firefox
Eu escrevi um botão personalizado ( MyStyledButton) baseado em material-ui Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, ...others …



4
Como tornar um iframe responsivo sem assumir a taxa de proporção?
Como tornar um iframe responsivo, sem assumir uma proporção? Por exemplo, o conteúdo pode ter qualquer largura ou altura desconhecida antes da renderização. Observe que você pode usar Javascript. Exemplo: <div id="iframe-container"> <iframe/> </div> Dimensione isso iframe-containerpara que o conteúdo mal caiba dentro sem espaço extra; em outras palavras, haverá …



5
Como evitar que o Chrome oculte imagem e cor de plano de fundo em uma entrada de preenchimento automático
O preenchimento automático do navegador Chrome removeu o efeito de background-colore background-imagede Usernamee Passwordcampos de entrada. Antes do preenchimento automático Após o preenchimento automático Mas o preenchimento automático do navegador Chrome oculta meus ícones das entradas e também altera meus background-color. Então, eu preciso que meus ícones permaneçam nas entradas …

5
O rótulo HTML não aciona a respectiva entrada se o mouse for movido ao clicar no Firefox
No exemplo a seguir, quando você clica no rótulo, a entrada muda de estado. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <input type="checkbox" id="1"> <label for="1">Label</label> Executar snippet de códigoOcultar resultadosExpandir snippet No Chrome, quando você move o cursor entre …
13 javascript  html  css  label 


4
Por que a configuração da propriedade CSS usando Promise.then realmente não acontece no bloco then?
Tente executar o seguinte snippet e clique na caixa. const box = document.querySelector('.box') box.addEventListener('click', e => { if (!box.style.transform) { box.style.transform = 'translateX(100px)' new Promise(resolve => { setTimeout(() => { box.style.transition = 'none' box.style.transform = '' resolve('Transition complete') }, 2000) }).then(() => { box.style.transition = '' }) } }) .box …

3
Tabela de página inteira do TCPDF
Tentei várias maneiras de ajustar a tabela à página (A4), como mostra a figura: pesquisei bastante, mas não encontrei nada útil na web. Estou usando tabela dinâmica, está tudo bem, exceto a largura da tabela. aqui está o meu código: $content = '<table><thead><tr><th class="bg-dark text-white" align="center">#</th><th align="center" class="bg-dark text-white">Code</th><th align="left" …
11 php  html  css  tcpdf 


Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.