tt0*_*686 13 html css text-alignment
我有一些Java,C,数据库,网络等方面的经验.但是任何与Html相关的东西我都是一个初学者.我唯一想要的是在页面中间居中两个单词(这个页面只有那两个字).
WORD1
WORDWORDWORDWORD2
我已经尝试过像KompoZer这样的WYSIWYG软件,但是当我查看源代码时,它生成了一个可怕的静态代码,有很多<br>可以实现页面的垂直中心.任何人都可以帮我找到解决这个问题的好方法
acm*_*cme 23
水平居中很容易 - 垂直居中在css中有点棘手,因为它并不是真正支持的(除了表格单元格<td>,这对于布局来说是不好的风格,除非真的需要一个表格 - 好吧 - 表格).但是您可以使用语义正确的html标记并将表格显示属性应用于它.
这是一种可能的解决方案 - 有很多方法,这里有一篇很好的文章.
在你的情况下,这样的东西就足够了:
<!DOCTYPE html>
<html lang="de">
<head>
<title>Hello World</title>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
body {
display: table;
}
.my-block {
text-align: center;
display: table-cell;
vertical-align: middle;
}
</style>
</head>
<body>
<div class="my-block">
WORD1<br />
WORDWORDWORDWORD2
</div>
</body>
</html>