4
votos
Aceito
Colocar texto imagens etc... na ordem horizontal
Segundo a documentação:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/...
- 4.585
4
votos
Alinhamento de texto verticalmente
Essencialmente já foi respondido na pergunta qual a melhor forma de centralizar um elemento vertical e horizontalmente?, ainda que o AP diga que precisa "alinhar o texto", no código postado esse "...
- 19,2mil
4
votos
Aceito
Alinhamento de texto verticalmente
lembrando que a propriedade top, left, right e bottom são referentes ao elemento pai, então para ter o comportamento esperado, este deve ocupar toda a pagina.:
html, body {
position: relative;
...
- 23,1mil
4
votos
Como alinhar números à esquerda usando str.format?
No método format, você deve usar < para alinhar à esquerda:
for x in range(1, 11):
print('{0:<2d} {1:<3d} {2:<4d} {3:<6d}'.format(x, x**2, x**3, x**4))
Saída:
1 1 1 1
2 ...
- 63,8mil
3
votos
Linha tracejada apenas css?
Da para fazer com linear-gradient
.linha {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #48958C;
font-size: 2.5rem;
position: relative;
}
.linha::...
- 66,5mil
3
votos
Aceito
Como manter os divs alinhados um em cima do outro?
Como o amigo disse a cima os elementos são renderizados na ordem de escrita do código HTML. Eu usei o Flexbox pra soluciona o seu "problema". O Flexbox é uma forma criar layouts que não precisam ...
- 1.391
3
votos
Alinhamento de texto verticalmente
Pegue apenas o CSS.
#carrossel-principal {
position: relative;
height: 100%;
overflow-y: hidden;
}
#carrossel-principal .item {
position: relative;
}
.carousel-caption {
font-...
- 16,6mil
3
votos
Tamanho da coluna GRID Bootstrap - Valor customizado
Obrigado a todos mas acabei resolvendo adicionando um stylezinho ... como é um ponto especifico ficou mais fácil e simples esta solução ..
2
votos
Aceito
Alinhar DIVS no CENTRO
Adicione uma div principal em seu html. Seu html estava assim:
<div class="col-md-3 col-sm-12 col-centered portfolio-item <?php echo $p->SubCategoria . " " . $p->SubCategoria2 . " " . $...
- 1.337
2
votos
Aceito
Como posicionar o formulário no centro de uma DIV?
Pelo que entendi da sua pergunta o seu problema é com essa margem
.create-box form input { margin: 5px 10px;}
Ela deveria ser assim:
.create-box form input { margin: 5px auto;}
Veja no Snippet ...
- 66,5mil
2
votos
Aceito
Forçar um elemento DIV no bottom
Colega, fiz um chat mês passado e não me preocupei em deixar as mensagens em bottom, apenas as imprimi das mais antigas para as mais novas uma embaixo da outra e forcei o SCROLL da DIV sempre pra ...
- 375
2
votos
Aceito
Alinhar listas de tamanhos diferentes na div em Bootstrap
Vc pode tratar o .row que as listas estão dentro com display:flex e flex-wrap assim vc evita que as listas fiquem "encavaladas" e joga o conteúdo que não couber para a "linha" de baixo
Para entender ...
- 66,5mil
2
votos
Aceito
Alinhamento vertical de uma div
Não precisa usar CSS extra o próprio Bootstrap tem classes nativas para isso. Basta colocar h-100 no container e na row, e coloca a classe align-items-center
<div class="container h-100">
<...
- 66,5mil
2
votos
Alinhamento vertical de uma div
Você pode usar o flex do html para isso, veja abaixo:
html {
height: 100%;
}
body {
overflow-x: hidden;
overflow-y: hidden;
background-image: linear-gradient(to top right, ...
- 1.526
2
votos
Aceito
Alinhamento vertical de icones
Isto é um comportamento normal, a largura ocupada por todos os <a> é maior que a da sua div #icons. Mesmo que você use a propriedade white-space:nowrap (em #icons) o conteúdo interno ...
- 19,2mil
2
votos
Alinhar TextView à direita em um LinearLayout no Android Studio
Existem várias maneiras de chega ao resultado que deseja:
Usando apenas LinearLayout
O jeito mais simples, seguindo a abordagem que você já começou a implementar, seria o seguinte:
<LinearLayout
...
2
votos
Aceito
Como alinhar as próximas linhas de um <span> à primeira linha?
É só colocar flex na div dentro da .row como comentei, e o resultado fica como abaixo. Não mexi no seu HTML que vc postou na pergunta, apenas coloquei o CSS para ficar como vc postou na imagem da ...
- 66,5mil
2
votos
Aceito
NÃO CONSIGO ALINHAR MEU SVG AO TEXTO DA MINHA LISTA
Você pode alinhar display: flex no <li>:
#nav-content li{
display: flex;
align-items: center;
padding-top: 1.3rem;
}
- 354
2
votos
Aceito
Como centralizar verticalmente dois elementos alinhados horizontalmente em direções opostas?
Se o motivo do desalinhamento é o tamanho diferente das imagens, a solução mais simples é fazer com que as imagens tenham o mesmo tamanho, utilizando as propriedades width e height na folha de estilos....
- 35,5mil
1
voto
Aceito
DIspor elementos lado a lado
Uma das opções para isso é colocando flex no container pai #view_patient e flex-direction:row-reverse para a imagem ficar a direita da tabela
#view_patient {
width: 45em;
margin: 0 auto;...
- 66,5mil
1
voto
Aceito
FlexBox Align-items não funciona
Cara está tudo funcionando direitinho. O "problema" é que seu container pai não tem altura, ai não alinha...
Veja o seu código, apenas colocando altura no pai container e uma borda pra vc visualizar ...
- 66,5mil
1
voto
Aceito
Alinhamento Conteúdo Table HTML5
O problema está na estrutura que você criou para montar a tabela, tente desta forma:
<table>
<thead>
<tr>
<th>Pacientes</th>
<th>...
- 123
1
voto
Aceito
Alinhamento correto
Você pode usar o flexbox para fazer o que deseja. Basicamente, criamos um layout com duas linhas (rows) e dentro delas colocamos os nossos blocos.
Para que os blocos quebrem conforme o tamanho da ...
- 35,5mil
1
voto
Aceito
Posicionamento de botão no bootstrap
A pesar da baixa qualidade da sua pergunta, acho que posso presumir que esteja relacionado ao botão "Filtrar". É importante que adicione tais informações na sua pergunta, tal como trazer a parte do ...
- 4.596
1
voto
Aceito
Alinhar div no centro e à esquerda
Existe uma opção para isso, mas não é com flexbox é com grid.
Aqui tem um exemplo prático e mais explicações. https://gridbyexample.com/examples/example28/
Aqui segue um exemplo baseado no que vc ...
- 66,5mil
1
voto
Aceito
Alinhamento DIV Bootstrap
Você não necessariamente precisa colocar as imagens dentro do Grid, vc pode separa-las apenas pelas ROWs como vc fez.
Com apenas algumas linhas de CSS vc consegue alinhar tudo, deixei as imagens com ...
- 66,5mil
1
voto
Forçar um elemento DIV no bottom
O container deve ter posicionamento relativo e o elemento a fixar posicionamento absoluto:
CSS:
.container {
width: 100%;
height: 300px;
position: relative;
background: #ccc
}
.elemento {
...
- 466
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
alinhamento × 50css × 30
html × 22
div × 8
html5 × 7
twitter-bootstrap × 4
css3 × 3
bootstrap × 3
layout × 3
flexbox × 3
vertical-align × 3
php × 2
android × 2
formulário × 2
imagem × 2
tabela × 2
formatação × 2
posicionamento × 2
responsivo × 2
align × 2
javascript × 1
python × 1
python-3.x × 1
json × 1
string × 1