gpt4 book ai didi

css - EPUB 的 XHTML 1.1 中的垂直对齐 div?

转载 作者:太空宇宙 更新时间:2023-11-03 20:57:34 25 4
gpt4 key购买 nike

我一直在谷歌上搜索这个并在上面找到很多条目,其中大部分使用这样的表格单元格:

http://www.vdotmedia.com/blog/vertically-center-content-with-css/

它们工作正常,但为什么我将 DOCTYPE 更改为 XHTML1.1,我需要一个 EPUB 页面:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

它不再有效。我运气不好吗?我有一些长度不同的文本 block ,我想在 epub 阅读器(例如 iBooks(基于 WebKit——我不需要担心其他浏览器))的页面上垂直居中。

最佳答案

您可以尝试另一个技巧。

如果你有这样的结构:

<div class="container">
<div class="text">
Some text you need aligned vertically
</div>
</div>

在你的 CSS 上:

.container {
height: 50px;
position: relative;
}

.text {
position: absolute;
top: 50%;
}

如果您愿意,可以试一试。当然,将高度更改为您需要的任何高度。

关于css - EPUB 的 XHTML 1.1 中的垂直对齐 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8479135/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com