Perguntas com a marcação «css»

Eu tenho divcom o seguinte estilo css: width:335px; float:left; overflow:hidden; padding-left:5px; Quando insiro divnela uma longa linha de texto, ela passa para uma nova linha e exibe todo o texto. O que eu quero é ter apenas uma linha de texto que não quebre. Quando o texto for longo, quero …

134 html  css  overflow 

Quero posicionar um elemento <div>(ou a <table>) no centro da tela, independentemente do tamanho da tela. Em outras palavras, o espaço deixado em 'superior' e 'inferior' deve ser igual e o espaço deixado em lados 'direito' e 'esquerdo' deve ser igual. Eu gostaria de fazer isso apenas com CSS. Eu …

134 javascript  css  html 

Podemos definir uma imagem como imagem de fundo de um <div>like: <style> #test { background-image: url(./images/grad.gif); background-repeat: no-repeat; background-position: center center; width:80%; margin-left:10%; height:200px; background-color:blue; } </style> <div id="test"></div> Eu preciso colocar uma mesa no centro de uma <div>horizontal e verticalmente. Existe uma solução entre navegadores usando CSS?

134 css 

Preciso implementar um layout de alvenaria bastante comum. No entanto, por várias razões, não quero usar JavaScript para fazer isso. Parâmetros: Todos os elementos têm a mesma largura Os elementos têm uma altura que não pode ser calculada no lado do servidor (uma imagem mais várias quantidades de texto) Eu …

134 html  css  flexbox  css-grid 

Estou usando o Bootstrap 4 alpha 2 e aproveitando os cartões. Especificamente, estou trabalhando com este exemplo retirado dos documentos oficiais. Como posso fazer com que todos os cartões tenham a mesma altura? Tudo o que posso pensar agora é definir a seguinte regra CSS: .card { min-height: 200px; } …

134 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

Eu já vi esse post e tentei de tudo para alterar o preenchimento do meu espaço reservado, mas, infelizmente, parece que ele não quer cooperar. Enfim, aqui está o código para o css. ( EDIT : Este é o css gerado a partir de sass) #search { margin-top: 1px; display: …

133 html  google-chrome  webkit  css 

Posso esticar texto em CSS? Não quero que a fonte seja maior, porque isso a torna mais ousada que o texto menor ao lado. Eu só quero esticar o texto verticalmente para que fique meio deformado. Isso seria em uma div e, em seguida, o texto normal ao lado seria …

133 css 

Estou usando @font-facepela primeira vez e baixei um kit de fontes do fontsquirrel O código que eles recomendam inserir no meu CSS é: @font-face { font-family: 'junctionregularRegular'; src: url('Junction-webfont.eot'); src: local('☺'), url('Junction-webfont.woff') format('woff'), url('Junction-webfont.ttf') format('truetype'), url('Junction-webfont.svg#webfontoNEpZXy2') format('svg'); } Agora, a coisa do rosto sorridente me deixou perplexo. Mas também o …

133 css  font-face 

line-height: 1.428571429; Por que o Bootstrap defineline-height esse valor? ( Alguns temas o arredondam para 1.42857143.)

133 twitter-bootstrap  css 

Parece um problema trivial, mas não consigo descobrir. No site próprio do Bootstraps, eles têm o exemplo Select. Olhando para o código, parece que há um raio de borda de 4 nesse elemento selecionado. Minha esperança seria que alterar esse raio da borda para 0 removesse o raio da borda …

133 css  twitter-bootstrap 

O que a barra significa aqui: font: 100%/120%;

133 html  css  size 

Estou tentando alterar o CSS usando jQuery: $(init); function init() { $("h1").css("backgroundColor", "yellow"); $("#myParagraph").css({"backgroundColor":"black","color":"white"); $(".bordered").css("border", "1px solid black"); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <div class="bordered"> <h1>Header</h1> <p id="myParagraph">This is some paragraph text</p> </div> Executar snippet de códigoOcultar resultadosExpandir snippet O que estou perdendo aqui?

133 javascript  jquery  css 

Existe alguma diferença funcional entre os pseudo-seletores CSS 2.1 :aftere CSS 3 ::after(além de ::afternão ser suportado em navegadores antigos)? Existe algum motivo prático para usar a especificação mais recente?

133 css  css-selectors  pseudo-element  pseudo-class 

Qual é uma boa maneira de superar o infeliz fato de que este código não funcionará como desejado: <div class="required"> <label>Name:</label> <input type="text"> </div> <style> .required input:after { content:"*"; } </style> Em um mundo perfeito, todos os inputs necessários receberiam o pequeno asterisco indicando que o campo é obrigatório. Esta …

133 css  forms  validation  standards 

O iPhone 5 tem uma tela mais longa e não está capturando a visualização móvel do meu site. Quais são as novas consultas de design responsivo para o iPhone 5 e posso combinar com as consultas existentes do iPhone? Minha consulta de mídia atual é esta: @media only screen and …

132 iphone  css  responsive-design  media-queries  iphone-5