个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
27
4
我在理解以下内容时遇到了一些困难:
test.html
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>CSS Test</title>
<link rel="stylesheet" type="text/css" media="all" href="test.css" />
</head>
<body>
<div id="id_main">
<div id="id_item1" class="item">
<p>Item 1</p>
</div>
<div id="id_item2" class="item">
<p>
Item 2 - This item has more text than the first item
and it shows because the text wraps around and changes
the vertical size of the item.
</p>
</div>
<div id="id_item3" class="item">
<p>Item 3</p>
</div>
<div id="id_item4" class="item">
<p>Item 4</p>
</div>
<div id="id_item5" class="item">
<p>Item 5</p>
</div>
</div>
</body>
</html>
test.css
#id_main {
width: 50%;
margin-left: auto;
margin-right: auto;
background-color: teal;
vertical-align: top;
}
div.item {
border: 1px solid black;
display: inline-block;
width: 255px;
text-align: center;
background-color: grey;
height: 129px;
}
由于所有元素都具有统一的宽度和高度，所以我希望这些元素会像表格一样显示在网格中。但是，在第一行中，item1 与行的底部对齐，item2 与顶部对齐!并且该行大于任一元素的高度。为什么会这样？
谢谢，
卡尔
最佳答案
你需要添加vertical-align: top到div.item:
div.item {
border: 1px solid black;
display: inline-block;
vertical-align: top;
width: 255px;
text-align: center;
background-color: grey;
height: 129px;
}
要了解为什么需要这样做，我建议您阅读以下内容:
http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
具体来说，就是“基线”部分。
关于html - CSS - 样式为具有统一宽度和高度的内联 block 的元素不形成网格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6257271/
27
4
0
我正在阅读 deduction guides在 C++17 中。假设我们有以下示例: template struct Custom { }; template struct Person {
我在我的 xamarin 表单项目中使用选项卡式页面。我正在尝试在 Android 的 MyTabsRenderer 类中使用 OnTabReselected 事件。但不会调用 OnTabSelect
我对 NSPredicate 有疑问。想不出一种写法，也找不到类似的东西。我有这个谓词: [NSPredicate predicateWithFormat:@"followedBy.username
我的模态中有一个小表单，如下所示: Name
我正在尝试制作用于表单验证的 jquery 插件(用于学习)。在此表单中，我无法获取类名称为“required”的所有表单字段。代码如下: (function( $ ) { $.fn.kValidat
在我的 Android 应用中，我从 Google Place API 获取附近餐馆的列表。 但不幸的是，这个列表没有给出餐厅的菜单。 我有 T_RESTAURANT 和 T_MENU 表。 假设我在
我正在尝试使用 angular.js 和 devise 设置登录。 这是我的表单 html: Email Password
谁能告诉我如何让生成的文档从表单中提取数据并将其作为标题？我已经查看了 Google Script 文档，但到目前为止我还没有找到任何可以回答我或向我展示类似示例的内容。到目前为止，我在这里找到了相关
当我有这样的表格时: “.”是什么意思？在行动中代表什么？ 最佳答案 action 属性告诉表单将表单数据发布到哪里。 . 代表当前目录，所以我会说这是发布到当前目录中的默认文档。 相对路径有几
Mockito 似乎是一个非常漂亮的 Java stub /模拟框架。唯一的问题是我找不到任何关于使用他们的 API 的最佳方式的具体文档。测试中常用的方法包括: doXXX(???) : Stubb
我有 2 份表格。我从一种形式创建并展示了另一种形式。效果很好。但是，当我尝试从创建该表单的表单中关闭或处理该表单时，出现以下异常: Exception : Value Dispose() can
将我的应用程序上传到 TestFlight 时出现以下错误。 但是，我没有看到 missing 的任何位置Xamarin Assets 菜单中的图标。 (76x76、167x167 和 152x152
我的models.py文件看起来像这样 from django.db import models from django.template.defaultfilters import slugify
问题 学习 Xamarin 大学类(class) XAM120 .在将我的 IDial 实现添加到我的 UWP 项目时遇到障碍。出于某种原因，我的项目没有在我的系统上使用 PhoneCallManag
我在应用程序的列表页面上使用了 FloatingActionButton，我还想添加一个 searchBar。但我无法向他们展示该页面。我的代码和屏幕截图已关闭。如何显示搜索栏？ FAB Github
实体产品和类别之间存在经典的多对多关系，其中一个产品可能包含在多个类别中。我们想在 UI 中使用带有 UITableViewController 或 UICollectionView 的 NSFetc
html 代码: js代码: function show(){ $.ajax({
我有一个用户列表。现在任何一个名字很长的用户都在搞乱排列/排列。 我认为通过为名称设置大小可以达到目的: .invitee .name{ height: 50px; width: 115px;
我正在使用 Flask 框架和 WTforms 库，我在更改选择字段中每个选项的颜色时遇到了问题，因为它总是显示为黑色而不是红色 我在模板中有下一个表单
Dugen Chen 写了一篇有用的文章，介绍如何将 HTML5 验证中的“required”属性添加到 Django 表单字段。 http://duganchen.ca/elegantly-addi
我是一名优秀的程序员,十分优秀！