html - 显示 3 个内联 div

Question

我有这个 CSS/HTML 代码:

.ex1 .box-left {
    display:inline-block;
    width: 33%;
    max-width: 190px;
    float: left;
    margin:10px 0 0 70px;
}
.ex1 .box-middle {
    width: 33%; /* width of the logo */
    margin:10px auto 0 auto;
}
.ex1 .box-right {
    display:inline-block;
    width: 33%;
    max-width: 190px;
    float: right;
    margin:10px 70px 0 0;
}

<div class="ex1">
        <div class="box-left">text goes here</div>
        <div class="box-right">text goes here</div>
        <div class="box-middle">text goes here</div>
    </div>

我需要它们彼此相邻显示，每个之间和页面中央的边距相同，但是当窗口变小时，如果它们不适合它们应该开始显示在每个下方其他

我能做什么？

Answer 1

您只需要 Responsive Web Design

再看一个useful resource