Domanda display: ripristina in linea altezza e larghezza


Ho creato un esempio in http://jsfiddle.net/GKnkW/2/

html

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
 </head>
<body>
      <div class="step">1</div>&nbsp;
      <div class="step">2</div>
      <br/><br/>
      <div class="step1">3</div>&nbsp;
      <div class="step1">4</div>
</body>
</html> 

css

.step
{
    height:150px;
    width:150px;    
    background:yellow;
    display:inline;
}

.step1
{
    height:150px;
    width:150px;    
    background:yellow;
}

Voglio visualizzare due div affiancate con la loro altezza e larghezza originali (impostate in css) non appena aggiungo display: proprietà inline a css sembra perdere quota e larghezza definite in precedenza. [controlla i div con # 1 e # 2 che sembrano perdere l'altezza e la larghezza]

può qualcuno un pin puntare un errore che sembra stia facendo o soluzione per questo strano comportamento?


19
2018-04-22 20:04


origine


risposte:


Gli oggetti in linea non hanno altezze o larghezze. Perché li stai mettendo in linea per cominciare? Probabilmente vorrai o farli fluttuare o usare il blocco inline.


37
2018-04-22 20:05



Usa questo:

display:inline-block;

8
2017-12-20 21:24



Questo dovrebbe farlo

html

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
 </head>
    <body>
      <div class="step-section">
          <div class="step">1</div>
          <div class="step">2</div>
      </div>
      <div class="step-section">
          <div class="step">3</div>
          <div class="step">4</div>
      </div>
</body>
</html> 

css

.step
{
    margin:5px;
    height:150px;
    width:150px;    
    background: yellow;
    float:left;
}

.step-section
{
  clear:both;
}

0
2018-04-22 20:16



Aggiungo solo che ho avuto un problema simile e ho pensato che fosse un problema Javascript / Jquery. Questo thread risolto per me.

Gli elementi INLINE non hanno larghezza, quindi non puoi impostarlo tramite js.

Grazie.

Ecco un link al mio problema per ogni evenienza.

Jquery e Jqueryui: larghezza del set non funzionante dopo aver usato ridimensionabile?


0
2018-03-24 01:14