爲什麼不在div中出現內嵌塊的HTML部分？

所以我使用的是Html5模板。這是一個單一的方式，我希望每個行都有一個有「營業時間」的部分，並且有三天的時間和相應的時間。所以我想要一個與de divs mon-tue-wed，另一個在星期四 - 星期五下面的星期天。爲什麼不在div中出現內嵌塊的HTML部分？

我的div像這樣：

<div> 
<strong> Monday </strong><br> 
09.15 - 10.00 .. <br> 
11.15 - 12:00 ..<br>  
17:30 - 18:15 .. <br> 
19:15- 20:00 .. 
</div> 
<br>

等

所有div都是兒童：但每當我指的是它在CSS中使用此

<section id="schedule" class="times">

：

 section.times> div { 
      background-color: #e8edec; 
      display: inline-block; 

     }

爲什麼它是直到在彼此之下顯示所有內容？

來源

2017-07-07 user3660293

，因爲你必須每格 – Cfreak

@Cfreak這確實奏效了下''
標籤！不知道那是罪魁禍首。現在每個div都排列正確，但是，由於其內容大小不同，標題（日期的名稱）沒有按直線排列。你知道如何解決這個問題嗎？ – user3660293

我猜這種數據會更好地顯示在桌子裏面...... – moreirapontocom

希望對你有所幫助，刪除<bar> .. 爲你製作了css代碼。 HTML：

<div class="c1"> 
<strong> Monday </strong><br> 
09.15 - 10.00 .. <br> 
11.15 - 12:00 ..<br>  
17:30 - 18:15 .. <br> 
19:15- 20:00 .. 
</div> 


<div class="c2"> 
<strong> Monday </strong><br> 
09.15 - 10.00 .. <br> 
11.15 - 12:00 ..<br>  
17:30 - 18:15 .. <br> 
19:15- 20:00 .. 
</div> 
<br> 
</section>

CSS代碼：

.times> .c1 { 
float: left; 
width: 33.33333%;} 
.times> .c2{ 
float: left; 
width: 33.33333%;}

來源

2017-07-07 22:19:40

它會在同一行顯示彼此靠近的日子和開放時間。 –

爲什麼不在div中出現內嵌塊的HTML部分？

回答

相關問題