我试着height: 100%;在标签中设置,但它没有用.为什么不?
.field label {
color:#3E3E3E;
font-weight:bold;
width:80px;
display:block;
float:left;
margin-top:5px;
margin-left:3px;
height:100%; /* <-- doesn't work */
}
.field {
display:block;
margin-bottom:9px;
background:none;
border:none;
}Run Code Online (Sandbox Code Playgroud)
<div class="field large">
<label>Textarea</label>
<textarea></textarea>
</div>Run Code Online (Sandbox Code Playgroud)
挫折
我不得不一次又一次地在互联网上搜索以找到一种方法来让一个简单的网页填满任何设备上的整个屏幕,这让我感到沮丧。我不关心分辨率、文本大小、文本是否出现在屏幕内或其他任何东西。我什么都不关心。我要显示一个单词,它应该位于屏幕中间,垂直和水平。
CSS 快把我逼疯了。我不明白为什么这不简单。和引导程序。嗯,非常感谢你们帮了我很多!但是为什么不创建一个能够占据屏幕上所有可见空间的类呢?
我尝试了很多变体,但没有一个有效。我就是无法将这个词传达到屏幕中央。
一些变化
最简单的一个: http: //jsfiddle.net/IcyFlame/ngVSd/
<div style="height: 100%; width: 100%; text-align: center; vertical-align: middle;">Word</div>
Run Code Online (Sandbox Code Playgroud)
我不知道为什么这不起作用。我想知道为什么这行不通。更重要的是,如果你能告诉我如何让它发挥作用,我真的很喜欢。无时无刻、无处不在。
这是一个非常有用的问题:Setting height: 100% on my label element does not work
给出答案的人说是100%的。真的很酷。以及如何解决整体问题?哦不,我刚刚回答了问题。
此后的所有问题均已标记为重复。其中之一是:
尽管问题完全不同,但主持人只是认为这是重复的,并将其标记为重复。
注意:我正在适应很多屏幕尺寸。我不想在最终代码中的任何地方编写任何类型的绝对像素高度和宽度。
请帮我解决这个问题
参考:我希望这个词位于中间,就像在这个 gorgeours 网站上一样:
请注意,这只是一个参考。我不想有背景图片。网页的整个标题部分占据整个屏幕,这就是我想要实现的目标。
一切都集中而美丽。那就是我想去的地方。