Perguntas com a marcação «overflow»

É possível limitar um comprimento de texto a "n" linhas usando CSS (ou cortá-lo quando estourar verticalmente). text-overflow: ellipsis; só funciona para texto de 1 linha. texto original: Ultrices natoque mus mattis, aliquá, cras em pelellita tincidunt elit purus lectus, vel aliquet, elementum nunc nunc rhoncus placerat urna! Sente-se! Ut …

515 css  text  overflow  ellipsis 

Eu quero usar CSS text-overflowem uma célula da tabela, de modo que, se o texto for muito longo para caber em uma linha, ele será cortado com reticências em vez de quebrar em várias linhas. Isso é possível? Eu tentei isso: td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } …

500 css  overflow 

Suponha que você tenha algum estilo e a marcação: ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> …

455 html  css  overflow 

Não sei por que esse CSS simples não está funcionando ... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a href="">Test Test Test Test Test Test</a> </div> …

368 overflow  ellipsis  css 

É possível verificar o overflow:autode uma div? Por exemplo: HTML <div id="my_div" style="width: 100px; height:100px; overflow:auto;" class="my_class"> * content </div> JQUERY $('.my_class').live('hover', function (event) { if (event.type == 'mouseenter') { if( ... if scrollbar visible ? ... ) { alert('true'): } else { alert('false'): } } }); Às vezes, o …

277 jquery  scroll  overflow 

A seguir, está o meu código e quero entender por que o #firstDiv está sendo empurrado para baixo por todos os navegadores. Eu realmente quero entender o funcionamento interno do fato de que está sendo empurrado para baixo ao invés de puxá-lo para cima de uma maneira ou de outra. …

238 overflow  css 

Então, atualmente eu tenho: #div { position: relative; height: 510px; overflow-y: scroll; } No entanto, não acredito que seja óbvio para alguns usuários que haja mais conteúdo lá. Eles poderiam rolar a página sem saber que minha div realmente contém muito mais conteúdo. Eu uso a altura 510px para cortar …

224 css  macos  scroll  overflow 

Conheça Fred. Ele é uma mesa: <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> O apartamento de Fred tem o hábito bizarro de mudar de tamanho, então ele aprendeu a esconder parte de seu conteúdo para não empurrar todas as outras unidades e …

223 html  css  overflow  tablelayout 

Eu tenho um elemento div na minha página com sua altura definida como 100%. A altura do corpo também é definida como 100%. A div interna tem um fundo e tudo isso e é diferente do fundo do corpo. Isso funciona para tornar a altura da div 100% da altura …

172 css  html  height  overflow 

Eu tenho uma pergunta sobre como obter uma altura div. Estou ciente .height()e innerHeight(), mas nenhum deles faz o trabalho para mim neste caso. O fato é que, neste caso, eu tenho uma div que está sobrecarregada, uma largura excedente: scroll e a div tem uma altura fixa. Se eu …

160 jquery  height  overflow 

Qual é a maneira mais fácil de detectar se um elemento foi excedido? Meu caso de uso é: eu quero limitar uma determinada caixa de conteúdo para ter uma altura de 300px. Se o conteúdo interno for mais alto que isso, corte-o com um excesso. Mas se estiver cheio, quero …

153 javascript  css  overflow 

Na verdade, tenho dois problemas, mas vamos resolver o problema principal primeiro, pois acredito que o outro é mais fácil de resolver. Eu tenho uma posição fixa div no lado esquerdo do pergaminho para um menu. O lado direito é uma div padrão que rola corretamente. O problema é que, …

150 javascript  css  scroll  overflow  css-position 

Eu tenho 3 níveis de div: (Em verde abaixo) Um nível superior divcom overflow: hidden. Isso ocorre porque eu quero que algum conteúdo (não mostrado aqui) dentro dessa caixa seja cortado se exceder o tamanho da caixa. (Em vermelho abaixo) Dentro disso, eu tenho divcom position: relative. O único uso …

143 css  overflow  css-position 

Eu tenho um site aqui . Visualizada em um navegador de desktop, a barra de menus preta se estende adequadamente apenas até a borda da janela, uma vez que bodypossui overflow-x:hidden. Em qualquer navegador móvel, seja Android ou iOS, a barra de menus preta exibe toda a sua largura, o …

142 css  overflow  viewport  mobile-browser 

Quero mostrar os termos e condições no meu site. Eu não quero usar o campo de texto e também não quero usar minha página inteira. Eu só quero exibir meu texto na área selecionada e quero usar apenas a barra de rolagem vertical para descer e ler todo o texto. …

136 css  html  overflow