A text-overflow:ellipsis;propriedade CSS deve ser uma das poucas coisas que a Microsoft fez certo para a web. Todos os outros navegadores agora o suportam ... exceto o Firefox. Os desenvolvedores do Firefox têm discutido sobre isso desde 2005, mas apesar da óbvia demanda por ele, eles não...
Fechado . Esta questão precisa ser mais focada . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que ela se concentre em apenas um problema, editando esta postagem . Fechado há 7 anos . Melhore esta...
Alguém sabe que posso fazer com que a altura mínima funcione com os navegadores mais recentes? Estou usando tabelas CSS e parece ignorar min-height. <div style="background-color: red; display: table; min-height:
Temos um ckeditor em nosso CMS. Nossos usuários finais irão inserir alguns artigos longos por meio desse ckeditor. Precisamos de uma maneira de evitar quebras de linha em hífens nesses artigos. Existe alguma maneira de evitar quebra de linha em hífens em todos os navegadores? ou o ckeditor tem...
Eu tenho um elemento, que tem o seguinte CSS: .elem { left: 0; position: fixed; right: 0; width: 60%; z-index: 1000; } O elemento não abrange a tela inteira. Eu gostaria que ele "alinhasse" ao lado direito da tela. Isso seria fácil, se eu apenas removesse left: 0 , mas não posso adulterar...
Quero criar um intervalo com uma largura fixa que, quando digito qualquer coisa no intervalo <span>lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasdfasddkgjk</span>, como uma longa seqüência de texto sem espaçamento, a (s) palavra (s) quebra ou quebra na próxima linha. Alguma...
Eu gostaria de ter os rótulos não acima do campo de entrada, mas no lado esquerdo. <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value=""...
eu tentei isso, mas deu errado aqui está o css body .modal-ku { width: 750px; } e aqui está o resultado com
O bootstrap 4 tem um divisor horizontal embutido? Eu posso fazer isso, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Mas eu quero usar o css de bootstrap embutido, não consigo encontrá-lo...
<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p>...
Qualquer um pode me dizer a diferença entre style = "position:absolute"e style = "position:relative" e como eles diferem no caso de eu adicioná-lo aos elementos div/ span/ input? Estou usando absoluteagora, mas também quero explorar relative. Como isso mudará o
Eu herdei um projeto no qual estou trabalhando e estou atualizando algumas animações jquery (muito pouca prática com jquery). Tenho um div do qual preciso adicionar e remover o atributo de estilo. Aqui está o div: <div id='voltaic_holder'> Em um ponto da animação, preciso adicionar um...
Estou tentando empilhar duas telas juntas e torná-las uma tela de camadas duplas. Eu vi um exemplo aqui: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2"...
Percebi que o Chrome, ao que parece, não permite que eu me esconda <option>em um <select>. O Firefox vai. Preciso ocultar os <option>s que correspondem aos critérios de pesquisa. Nas ferramentas da web do Chrome, posso ver que elas estão sendo definidas corretamente display:...
Aparentemente, isso não funciona: select[multiple]{ height: 100%; } faz com que a seleção tenha 100% da altura da página ... auto também não funciona, ainda recebo a barra de rolagem vertical. Alguma outra
Por favor, veja este JSFIDDLE td.rhead { width: 300px; } Por que a largura do CSS não funciona? <table> <thead> <tr> <td class="rhead">need 300px</td> <td colspan="7">Week #0</td> <td colspan="7">Week #1</td> <!--
Como posso recuar a partir da segunda linha de um parágrafo? eu tentei p { text-indent: 200px; } p:first-line { text-indent: 0; } e p { margin-left: 200px; } p:first-line { margin-left: 0; } e (with position:relative;) p { left: 200px; } p:first-line { left:
Eu tenho alguns elementos como abaixo: <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> Como posso adicionar uma classe ao elemento que tem um...
Desejo segmentar elementos div onde o atributo "foo" tem um valor. <div foo="x">XXX</div> <div foo="">YYY</div> Eu tentei este css, mas não funciona: [foo!=''] { background:
Ok, tive um problema simples de layout há uma ou duas semanas. Ou seja, as seções de uma página precisavam de um cabeçalho: +---------------------------------------------------------+ | Title Button | +---------------------------------------------------------+ Coisas muito simples. A coisa é que...