为什么div不在html部分中出现inline-block?

时间:2017-07-07 18:50:16

标签: html css html5

所以我使用的是Html5模板。这是一个onepager,我想要一个“营业时间”的部分,与三天相同 - 每行都有相应的时间。所以我想要一条带有de divs mon-tue-wed的线路,另一条带有星期四和星期天的星期日。

我有这样的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都是以下儿童:

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

但每当我在CSS中使用它来引用它时:

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

        }

为什么它仍会显示彼此之下的所有内容?

1 个答案:

答案 0 :(得分:0)

希望它有所帮助,删除{ "headings": [{ "heading": "This is a monkey", "image": { "url": "https://raw.githubusercontent.com/SurveyMonkey/public_api_docs/master/images/presentation.png" } }], "position": 4, "family": "presentation", "subtype": "image" } .. 为你做了css代码。 HTML:

<bar>

Css代码:

<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>