个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我试图将我的 Logo 保持在导航栏的左侧，并使其与导航栏的顶部和底部保持相等的距离。 (在提供的图片中解释)
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="container">
<div class="navbar">
<div id="logo-nav" class="col-4">
<a href="/" title="Home">
<img class="logo-nav" src="images/logo-2.png" alt="My Logo">
</a>
</div>
</div>
</div>
</body>
.container {
max-width :100%;
margin: auto;
}
.navbar{
width: 100%;
height: 70px;
background-color: #181827;
}
.logo-nav{
position: absolute;
margin:auto ;
}
.row {
width:100%;
height: 160px;
}
.col-12 {
width:100%;
}
.col-8 {
width:66.6%;
}
.col-6 {
width:50%
}
.col-4 {
width:33.3%;
}
红色框是我的 Logo 当前所在的位置，它似乎卡在导航栏的顶部。
绿色框是我想要的位置 - 在导航栏的中间:与底部和顶部的距离相等(不是从左到右，我希望它像现在一样粘在左边)
所以我尝试在线研究它，这让我尝试了
.logo-nav{
position: absolute;
margin:auto ;
但不幸的是它并没有给我想要的结果。这就是我来这里的原因
我认为我理解错了 position 和 margin 是如何工作的。
所以我的问题是:我如何从红框转到绿框？ (我的代码出了什么问题？)
感谢您的输入:)
最佳答案
试试这个变体:
.navbar{
width: 100%;
height: 70px;
background-color: #181827;
position: relative;
}
.logo-nav{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
关于HTML/CSS : Keep my logo at equal distance from the top and bottom of my navbar，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46958410/
25
4
0
在 Sitecore 中，我尝试在线路管理器中创建分段列表。但是，当我选择条件时，我对“等于”、“不区分大小写等于”和“不不区分大小写等于”感到非常困惑？ 谁能给我解释一下其中的区别吗？ 谢谢! 最佳
基本上，我想知道在这种情况下我是否应该听 ReSharper... 您认为与字符进行比较应该使用 Char.Equals(char)，因为它可以避免拆箱，但 Resharper 建议使用 Object
假设 equals() 是可传递的；我知道如果 x 和 y 有平等的双边协议(protocol)，那么其中一个，比如 y，不会单独与第三类 z 签订协议(protocol)。 但是如果我们遇到 x.e
我是 Haskell 新手，正在阅读: http://www.seas.upenn.edu/~cis194/spring13/lectures/01-intro.html 它指出“在 Haskell
阅读有关 C# 中的字符串比较的文章，我发现有很多方法可以比较 2 个字符串以查看它们是否相等。 我习惯了来自 C++ 的 == 但我了解到，如果你将一个对象与一个字符串进行比较，那么 == 默认为引
我有一个 Point 类和一个 MinesweeperSquare 类，后者是前者的子类。如果我重写后者的 equals 方法，就像这样: if (!(obj instanceof Minesweep
我想知道，如果我们有 if-else 条件，那么检查什么在计算上更有效:使用等于运算符或不等于给运营商？有什么区别吗？ 例如，以下哪一项在计算上是高效的，下面的两种情况都会做同样的事情，但哪一种更好(
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
某些框架(例如 guice )在某些情况下需要创建 注解接口(interface)的实现类 . 好像有一个区别 Annotation.equals(Object) 之间和 Object.equals(
从三个变量开始，都是System.DateTime。 a: 10/2/2009 2:30:00 PM b: 10/2/2009 2:30:00 PM c: 10/2/2009 2:30:00 PM 相
我实现了一个 PagedModel 类来包装 IEnumerable，为我的 MVC 应用程序中的网格提供分页数据。我使用 Resharper 自动生成的 Equality 代码告诉它检查数据、总行数
正如问题所述。理想情况下，答案应该是 false，因为它将使用 Object#equal，这只是引用比较。 String cat = new String("cat"); String
我想知道以下两个选项中哪一个在速度方面最有效。它们之间可能只有很小的区别(或者根本没有区别？)但是由于我每天使用该代码片段 30 次，所以我想知道这里的“最佳实践”是什么 :) 选项 1: if (s
我有一个以年龄和姓名作为实例成员的基类，以及带有奖金的派生类。我在派生类中重写 equals 。我知道 Java 中只有一个基类时 equals 是如何工作的。但我无法理解继承的情况下它是如何工作的。
==之间的区别和 ===是前者仅检查值(1 == "1" 将返回 true)，后者是否检查值并另外检查类型(1 === "1" 将返回 false，因为 number 不是字符串)。 比较对象意味着比
这是一个理论问题。我有一个我自己设计的对象，其中包含一堆变量、方法等。我覆盖了 toString 方法，主要用于记录目的，以返回变量的值。在我看来，比较此对象实例的最简单和最直接的方法是比较从 toS
我是 Java 编程的初学者。目前我正在 this 阅读关于继承和 equals 方法的内容。页。到目前为止，我理解解释: Compare the classes of this and otherO
当 IntelliJ 建议我更正以下内容时，我正在编写代码: objectOne.equals(objectTwo); 告诉我方法调用 equals 可能会产生旧的 java.lang.NullPoi
我尝试创建一个允许在 Java 中使用类似元组的结构的元组类。元组中两个元素的一般类型分别是 X 和 Y。我尝试为此类覆盖正确的等号。 事情是，我知道 Object.equals 属于默认值，它仍然根
可以用和比较字符串类似的方式来比较序列。如果两个序列的长度相同，并且对应元素都相等，equal() 算法会返回 true。有 4 个版本的 equal() 算法，其中两个用 == 运算符来比较元素，另
我是一名优秀的程序员,十分优秀！