- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这些是说明1.制作一个div,给它一个类'feature_set_1_1'
在上面的 div 中制作一组 3 个 div,并排放置,它们一起占 body 宽度的 75%
添加适当的 ID 或类以执行以下操作:
-给你的div设置高度
-通过您希望的任何方法在第一个和第二个 div 之间放置 5% 的空间
-在不进一步改变第二个 div 的情况下,在第二个和第三个 div 之间放置 5% 的空间
-三个div应该都在同一条线上,并排
我必须使用分配给父 div 的类来完成此操作,但我找不到使用类 feature_set_1_1 来完成此工作的方法。
到目前为止,这是我的代码:
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Layout_1</title>
<meta charset="UTF-8">
<style>
.feature_set_1_1 {
display: inline-flex;
background: blue;
width: 75%;
height: 100px;
}
#1_1 {
margin: 5%;
display: inline-block;
}
#1_2 {
margin-right: 5%;
display: inline-block;
}
#1_3 {
display: inline-block;
}
</style>
</head>
<body>
<div class="feature_set_1_1">
<div id="1_1">Figure1</div>
<div id="1_2">Figure2</div>
<div id="1_3">Figure3</div>
</div>
</body>
</html>
最佳答案
尝试遵循它可能对您有帮助。
.feature_set_1_1 {
display: inline-flex;
background: green;
width: 75%;
height: 100px;
}
#div_1 {
margin-right: 5px;
width:25%;
display: inline-block;
background:yellow !important;
}
#div_2 {
margin-right: 5px;
display: inline-block;
width:25%;
background:pink !important;
}
#div_3 {
display: inline-block;
width:25%;
background:red !important;
}
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Layout_1</title>
<meta charset="UTF-8">
</head>
<body>
<div class="feature_set_1_1">
<div id="div_1">Figure1</div>
<div id="div_2">Figure2</div>
<div id="div_3">Figure3</div>
</div>
</body>
</html>
关于html - 如何在 1 个父 div 内并排放置 3 个 div,并且宽度占页面的 75%?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42746877/
我的 DateTime 对象使用 DateTime.Now 分配了本地时间。我想知道一旦夏令时开始/结束,这个对象是否会给出正确的当前本地时间。或者我需要解决方法吗? 最佳答案 是的,DateTime
假设我需要“特定类别中可用的项目数量”与“所有项目的数量”的比率。请考虑这样的 MySQL 表: /* mysql> select * from Item; +----+------------+--
我有这张 table http://codepen.io/MetCastle/pen/lxceL我想使用 jQuery 根据 input type="number" 隐藏/显示列。表示整个列: Pro
想要制作一个看起来像这样的网格,其中 div/section 以百分比表示。 margin 在任何地方都是一样的。 http://www.ladda-upp.se/bilder/giefekcmgwm
这将返回 1(又名 TRUE) SELECT DATE_SUB(NOW(), INTERVAL 24*100 HOUR) = DATE_SUB(NOW(), INTERVAL 100 DAY); 10
我一直在尝试在 UIScrollView 中获取 UIView 的转换后的 CGRect。如果我不放大它就可以正常工作,但是一旦我放大,新的 CGRect 就会发生变化。这是让我接近的代码: CGFl
对于家庭作业,我需要在不使用内置模 (%) 运算符的情况下返回 num1 除以 num2 后的余数。我能够通过以下代码让大多数测试通过,但我仍然坚持如何解释给定数字的 -/+ 符号。我需要保留 num
我用 Javascript 创建了一个倒数计时器;它是成功的,期望未完成。事实上,从数学上讲,它是正确的,但是谷歌浏览器的浏览器设置“暂停”(因为没有更好的术语)SetInterval/Timeout
我有两个 的,每个都设置为其容器宽度的 45%。有没有办法使 居中?使得它们在容器的左右两侧有相同的空间,并且它们之间也有空间。 一开始我只是做了每个 50% 并且有 padding: 0px 2
我是一名优秀的程序员,十分优秀!