个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我想要四个 div，一个位于屏幕两侧的中央。因此，一个 div 元素沿屏幕顶部水平居中，一个在底部水平居中，还有两个，一个在屏幕左侧，一个在屏幕右侧。两者垂直居中。我该怎么做？
我的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.boxes {
position: absolute;
width: 10px;
height: 5px;
}
#top {
top: 0;
background-color: yellow;
}
#left {
left: 0;
background-color: green;
}
#right {
right: 0;
background-color: red;
}
#bottomMenu {
bottom: 0;
background-color: blue;
}
</style>
</head>
<body>
<main>
<div id="top" class="boxes"></div>
<div id="left" class="boxes"></div>
<div id="right" class="boxes"></div>
<div id="bottom" class="boxes"></div>
</main>
</body>
</html>
就像现在一样，我在左上角同时获得#top 和#left，在右上角获得#right，在左下角获得#bottom。谢谢!
最佳答案
.boxes {
position: absolute;
width: 100px;
height: 100px;
}
#left {
top: calc(50% - 50px);
background-color: yellow;
}
#bottom {
left: calc(50% - 50px);
background-color: green;
bottom: 10px;
}
#top {
right: calc(50% - 50px);
background-color: red;
}
#right {
bottom: calc(50% - 50px);
background-color: blue;
right: 10px;
}<!DOCTYPE html>
<html lang="en">
<body>
<main>
<div id="top" class="boxes"></div>
<div id="left" class="boxes"></div>
<div id="right" class="boxes"></div>
<div id="bottom" class="boxes"></div>
</main>
</body>
</html>关于html - 如何将四个 div 居中到屏幕每一侧的中心，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39264361/
25
4
0
这可能是一个愚蠢的问题，但是要求图中顶点的最小集合的规范问题是什么，以便从这些顶点开始，所有其他顶点都可以通过“旅行”不超过一条边到达？ 现实生活中的应用是:我需要认识哪些人，才能与地球上的其他人仅通
当浏览器在伪元素溢出并导致问题后调整绝对定位大小时。我正在寻找解决此问题的方法。只需调整浏览器大小，直到出现标题文本。 这是问题的演示:http://codepen.io/anon/pen/grKNo
我编写的 java 应用程序遇到了导致硬件性能问题的问题。问题(我相当确定)是我运行该应用程序的一些机器只有 1GB 内存。当我启动 java 应用程序时，我将堆大小设置为 -Xms 512m -Xm
Article 与 Medium 具有单向 ManyToOne 关系，它与下面的代码配合良好:保存和删除文章成功。 我想知道 JPA 是否有一种优雅的方式来删除最后一个子实体(在本例中为medium)
我想弄清楚如何在我的预约表格中将医生列表作为radio_buttons。现在，如果我使用“f.input :physician_id, :as => :radio_buttons”，我会得到一个“是/
我是一名优秀的程序员,十分优秀！