个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
30
4
我想创建一个包含四张图片的入口页面作为指向其他页面的链接。但我希望这些图片显示在显示器的中间(垂直和水平)。我已经尝试了很多事情，但我做对了。我什至无法以任何方式垂直对齐图片(例如底部，您将在代码中看到)。
你们知道这个问题的解决方案吗？这是我的代码:
HTML:
<!DOCTYPE html>
<html>
<head>
<title>B-Music: Piano</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="piano.css">
</head>
<body>
<div id="tablecontainer">
<div id="tablerow">
<div id="Column1">
<div id="pianoleerkracht">
<a href="Prijs&Contact.html" title="Pianoleerkracht">
<img src="img/piano.jpg" alt="Pianoleerkracht">
</a>
</div>
<div id="jezelf">
<a href="Prijs&Contact.html" title="Jezelf">
<img src="img/piano.jpg" alt="Jezelf">
</a>
</div>
</div>
<div id="column2">
<div id="mij">
<a href="Prijs&Contact.html" title="Mij">
<img src="img/piano.jpg" alt="Mij">
</a>
</div>
<div id="prijs&Contact">
<a href="Prijs&Contact.html" title="Prijs en Contact">
<img src="img/piano.jpg" alt="Prijs en Contact">
</a>
</div>
</div>
</div>
</div>
</body>
</html>
还有 CSS:
body{
background-color: brown;
height: 100%;
}
#tablecontainer{
display: table;
border-spacing: 10px;
margin-left: auto;
margin-right: auto;
height: 100%;
}
#tablerow{
display: table-row;
height: 100%
}
#column1{
display: table-cell;
vertical-align: bottom;
}
#column2{
display: table-cell;
}
img{
width: 100px;
height: 100px;
}
亲切的问候
最佳答案
似乎 tablecontainer 本身正在居中，但容器内的内容仍未被该 css 触及。也许如果您将居中元素添加到 tablerow div 中，它就会解决问题。
这是我会尝试的:
#tablerow{
display: table-row;
margin-left: auto;
margin-right: auto;
height: 100%;
}
关于html - 工作台居中(垂直)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21638884/
30
4
0
我创建了一个包含两个字段的用户表:用户名和密码。我将密码设置为不为空。 问题是当我输入数据而不包括密码时，我可以在密码字段中插入值。 我的目标是不允许任何没有用户名和密码的条目进入数据库。我认为 no
不知何故，我更改了设置或其他内容，现在当我将数据库导出为正向工程脚本时，它会在每个表中的每一列之后添加一个空的 COMMENT '' 字符串。有没有人经历过这种情况，我怎样才能让它停止？ 我已经仔细检
为什么我不能这样做？我想从 TABLEA 中搜索大于光标值的最接近的值，对两者执行平均函数并将结果放入 test3 中。我收到错误代码 1054 未知列“Xnearest in 'field list
看起来 MySQL Workbench 现在支持 JSON 功能，但是我仍然看到 MySQL 5.7.9 功能上的解析器错误，例如“->”运算符。 当我使用以下查询时，我在“$.test”部分遇到语法
每次我将其插入表字段时，我都拼命地尝试让数据库将 0 替换为 1。我有一个名为 Stazione 的字段，其中有“numerodibinari”，我不希望它为零。我已经尝试过这样的。 Create t
我试图通过创建名为“Klantwinkel”的第三个表来链接“Klant”和“Winkel”。这是我的代码: CREATE TABLE Klant ( klantnummer int(10)
当从我的笔记本电脑连接到我的服务器并查看数据库中的某个表时。所有数据都是乱码而不是希伯来语。 但是当我访问连接到数据库的网站时，一切正常，我可以看到希伯来语的数据。 所以我遇到的唯一问题是 MySQL
我在 MySql Workbench 中有两个表；类别和产品。我创建了第三个表，其中包含前两个表中的 PK。我如何区分哪个产品属于哪个类别。我需要创建第四张表吗？此外，很明显，一个类别有很多产品。如何
是否可以在 MySQL workbench 中设置表前缀？例如:我已经创建了完整的模式(table_1、table_2、table_3、... table_N)，并希望 Workbench 在执行正向
我使用 Workbench 来实现数据库模式，但在某个表中使用外键时出现此错误。 1215 - Cannot add foreign key constraint SQL查询: CREATE TABL
我已经安装了 Business Central 以及 Keycloak 身份验证，使用 MySQL 作为数据库来存储 Keycloak 的数据。业务中心工作台和 Keycloak 服务器位于 Ngin
当尝试连接到需要 SSL 的数据库，但在 WorkBench 中 SSL 设置为“否”时，我在“正在打开 SQL 编辑器”上按了取消，它向我显示了错误: "无法访问已处置的对象对象名称:'HUDFor
我是mysql服务器的新手。 我使用最新版本的工作台。 使用设计器创建模型: 但在数据库中我看不到我的模型: 我不擅长 mysql 术语，但我想要得到这样的东西，我可以将数据插入到 Student 和
我正在为学校做一项作业，我正在尝试运行下表: CREATE TABLE teams (city VARCHAR(50) NOT NULL, nickname VARCHAR(50) NOT NULL,
如何将两个单独表中的列同时插入到 mysql 中的第三个表中？如果我使用两个插入查询，则第二个查询中的数据将放在第一个查询中的数据下方，但我希望它们出现在同一行上，而不是一个在另一个下面。 最佳答案
我正在约会组工作。目前它不会返回任何结果。我尝试过不同的过滤器或没有日期的组，它很好并且运行良好，但我需要根据日期或时间戳创建一个组。 这是一个代码 SELECT settlement_id,
我有一个名为 Customer 的 mySQL 数据库，我正在尝试从 GUI 中的文本字段插入数据。我运行了下面的代码，在控制台中显示“连接成功”，没有错误。我检查了信息是否已插入到 mySQL 数据
好的，这是我当前的代码 delimiter // Create procedure addFish(in_color varchar(45), in_pattern varchar(45)) BEGI
我们必须对数据库进行一些更改(创建表、运行特殊 SQL 查询)。 MySQL Workbench 中是否有某种方法可以导入结构，使用图形界面对其进行编辑，然后获取一些 SQL 代码，我可以用它来将旧结
当我运行特定查询时，我收到一条消息:“您的查询产生了 1 个警告。”我想确切地知道警告是关于什么的。如何查看警告的详细信息？我在 Windows 上使用 Workbench 版本 7。 最佳答案 您是
我是一名优秀的程序员,十分优秀！