- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
第一次发帖!耶!嗨 Stackoverflow 我有一个问题。
我有一个 100% 宽度和自动高度的 div,里面有两个东西。一个文本框和一个图像。我希望两者始终彼此垂直居中,但我似乎无法找到方法!这是我的代码。
编辑:这是关于 imacshowcase 的。
HTML
<section id="responsiveshowcase">
<h1>Services</h1>
<div id="imacshowcase">
<div id="imacshowcasedesc"><img src="img/icons/code.png" alt="">
<h1>Website Development</h1>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</div><img class="wow animated slideInRight" src="img/imacshowcase.png" alt=""> </div>
<br class="clearBoth" />
<div id="macbookshowcase"><img class="wow animated slideInLeft" src="img/macbookshowcase.png" alt="">
<div id="macbookshowcasedesc"><img src="img/icons/seo.png" alt="">
<h1>SEO</h1>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</div>
<br class="clearBoth" />
</div>
</section>
CSS
#responsiveshowcase {
width: 100%;
text-align: center;
font-family: 'Raleway', sans-serif;
}
#imacshowcase {
width: 100%;
overflow: auto;
}
#imacshowcasedesc {
width: 40%;
height: 100%;
margin-left: 10%;
margin-right: 5%;
float: left;
}
#imacshowcase > img {
width: 30%;
margin-left: 5%;
margin-right: 10%;
}
#imacshowcasedesc > img {
width: 10%;
margin-bottom: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
#imacshowcasedesc > h1 {
margin-top: 0;
font-size:1.5em
}
#macbookshowcase {
width: 100%;
}
#macbookshowcasedesc {
width: 40%;
display: block;
float: left;
margin-left: 5%;
margin-right: 10%;
}
#macbookshowcase > img {
width: 30%;
display: block;
float: left;
margin-left: 10%;
margin-right: 5%;
}
#macbookshowcasedesc > img {
width: 10%;
margin-bottom: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
#macbookshowcasedesc > h1 {
margin-top: 0;
}
最佳答案
首先,通常最佳做法是不要对 ID 标签做太多样式设置,而将它们主要保留给 javascript 函数。请改用 css 类来设置样式。
其次,Flexbox 是你的 friend
#responsiveshowcase {
display: flex;
align-items: center;
}
关于html - 垂直居中的两个 div 彼此相邻没有任何作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36844802/
我想在数组中找到连接(相邻)的元素。 例如,在数组中: [1,2,3,4,5] 要访问所有 2 个连通元素,输出将为: 1,2 2,3 3,4 4,5 要访问所有 3 个连通元素,输出将为 1,2,3
我有三个 Sprite ,彼此堆叠在一起。 我修改了他们的 transform.matrix 以给出他们一致增长的外观。 但是,根据比例因子,瓷砖之间有时会出现小裂缝。 cracks between
我正在阅读有关 Margin Collapsing 的文章,我遇到了这个:margin Adjacent siblings The margins of adjacent siblings are c
float div 的框阴影被其右侧的邻居截断,但左侧未截断。 我玩过 z-index 和 overflow: visible,但没有用。 HTML: CSS: .doc-page {
我有多个元素说卡片。这些卡片需要水平堆叠并且高度需要相同。这正在发生在我身上。 每张卡片都有图像、文本和按钮。每张卡片的图像和文本应采用任何卡片中的最大高度,以便它们正确对齐。这不会发生在我身上。 如
我有这个 GUI 我使用了 GridBagLayout,但我不知道为什么 Plain Bread 复选框与其相应的标签之间有很大的间距。 而且,我尝试仅增加按钮沿 x 轴的间距,但尽管重置了插图,但沿
在过去,我已经为自定义元素符号使用了数百次列表项背景图像,但不知何故从未遇到过这个问题。 基本上,我有一个 IMG float 在无序列表的左侧。元素符号背景图像设置在每个 LI 的左上角。但是, f
我正在使用 Bootstrap 框架并使用 2 列网格。 html 内容有标题、链接、副标题和文本。这增加了该列的高度。我希望它旁边的列与其高度匹配(以便图像显示)没有设置高度图像不显
我有一个 php 代码可以生成数百个 和 标签。我的问题如下,我有以下内容: X X 我想要第二个的边框颜色更重要,以便共享边框显示为灰色而不是黑色。我可以在第二个 td 中使用重要性或继承标签吗?
Place holder for Radio1 Place holder for Radio2 在此,我只想要 与相应的单选按钮相关联是可见的,但是...... * { visibilit
我正在尝试在 html 中实现以下布局。更大的 div 1。然后是它旁边的另一个 div,顶部有一个边距。如果我给 float: left 给第一个 div,给第二个 div margin-top 也
假设我有 2 个名为 IN 和 MASK 的二进制输入。实际字段大小可能是 32 到 256 位,具体取决于用于完成任务的指令集。两个输入都会改变每次调用。 Inputs: IN = ...110
我想知道是否有一种简洁/一行的方法来执行以下操作: pack :: [a] -> [(a, a)] pack [] = [] pack [_] = [] pack (x:y:xs
下面的代码分为两部分,一部分处理头部的管理,另一部分处理“主体”,当我执行代码时引发下面的异常,我该如何解决该错误?我不知道下面的错误是什么原因造成的,错误是在react的解析上 错误: Line
http://imgur.com/a/DA5i4 在上面的两张图片中你可以看到我有一个主容器,里面装满了 3 个较小的 div,一个大的在中间,两个瘦的在两边,但是右边直到中间的 div 下面才开始。
正如我在标题中解释的所有内容,然后我将只为你们提供我现在拥有的代码,我一直在努力实现我想要的东西很长时间但没有运气......它表现得像响应式的,但即使调整大小我也想将其保持在原位...截图
我编写了一个 jquery 插件,它使用 Flot 将 HTML 表格转换为图表。 HTML 是从 XSLT 生成的,在 XSLT 中我有以下代码来调用我的插件。此代码尝试在 blah1 和 blah
我正在尝试实现这样的布局。 aaa xxxxxx oooo aaa xxxxxx oooo xxxxxx xxxxxx bbb xxxxxx cccc bbb xxxxxx cc
在包含网格的 2 个 div 上使用内联 css 显示不起作用 最佳答案 为您的 div 指定宽度并根据您的要求使用“float: left”或“right”。不要对 div 使用“内联” 例如 CS
我将 MVC 项目中的一些代码返回到网页。我无法用撇号解决问题,当我的电话看起来像这样时,我如何忽略它 document.getElementById('some').insertAdjacentHT
我是一名优秀的程序员,十分优秀!