0

我想在工具栏中添加 4 个按钮（最后，即在 PoP 输入之后），以便按钮本身的单个宽度根据屏幕大小进行调整，但它们仍然保持在一行中，即与工具栏一起占据整个页面宽度.我也想知道当鼠标悬停在按钮上时如何显示特定的文本。请帮忙...

    <body style="background-size: 100% auto;color: white;font-size: 126%">

    <input type="date" id="date" placeholder="mm/dd/yy">Date</input>
    <input type="number"  placeholder="00">Fs</input>
    <input type="number"  placeholder="00">PoP</input>

    </body>
4

1 回答 1

0

您需要使用百分比。

请参阅 HTML：

<div class="block one"></div>
<div class="block two"></div>
<div class="block three"></div>
<div class="block four"></div>

现在，CSS：

.block {
    width: 25%;
    height: 30px;
    float: left;
}

.block.one {
    background-color: red;
}

.block.two {
    background-color: green;
}

.block.three {
    background-color: orange;
}

.block.four {
    background-color: magenta;
}

要玩，请单击此处访问 CodePen。

于 2013-07-08T11:12:41.857 回答