如何将文本对象90%放置在页面下方? 我有一个文本对象水平放置在我的页面中间。我想把它放在我的页面的90%。所以如果你看我的页面,它会在底部上方一点。我会使用边距:330px但我很确定,由于用户使用不同的分辨率,它将永远不同。这是我的代码,如果有人能帮忙的话 HTML: <div id="home"> <p>Read More</p> </div> CSS: #home { width: 100%; height: 100vh; margin: 0px; padding: 0px; text-align: center; } #home p { font-family: 'Roboto Condensed', sans-serif; font-size: 60px; color: #FFF; margin: 330px; } HTML:

如何将文本对象90%放置在页面下方? 我有一个文本对象水平放置在我的页面中间。我想把它放在我的页面的90%。所以如果你看我的页面,它会在底部上方一点。我会使用边距:330px但我很确定,由于用户使用不同的分辨率,它将永远不同。这是我的代码,如果有人能帮忙的话 HTML: <div id="home"> <p>Read More</p> </div> CSS: #home { width: 100%; height: 100vh; margin: 0px; padding: 0px; text-align: center; } #home p { font-family: 'Roboto Condensed', sans-serif; font-size: 60px; color: #FFF; margin: 330px; } HTML:,html,css,web,Html,Css,Web,阅读更多 CSS: #家{ 宽度:100%; 高度:100vh; 边际:0px; 填充:0px; 文本对齐:居中; } #home p{ 字体系列:“Roboto Condensed”,无衬线; 字体大小:60px; 颜色:#FFF; 利润率:330px; } 将容器制作成flexbox,并使用边距顶部:自动将标题与底部对齐。要从底部向上移动一点,请为边距底部添加一个值(示例中为10%)。如果您希望在屏幕大小上的位置非常精确,请使用媒体查询 正文{ 保证金:0; } #家{ 高度:100vh;

阅读更多

CSS: #家{ 宽度:100%; 高度:100vh; 边际:0px; 填充:0px; 文本对齐:居中; } #home p{ 字体系列:“Roboto Condensed”,无衬线; 字体大小:60px; 颜色:#FFF; 利润率:330px; }
将容器制作成flexbox,并使用
边距顶部:自动将标题与底部对齐。要从底部向上移动一点,请为
边距底部添加一个值(示例中为10%)。如果您希望在屏幕大小上的位置非常精确,请使用媒体查询

正文{
保证金:0;
}
#家{
高度:100vh;
显示器:flex;
弯曲方向:立柱;
对齐项目:居中;
}
#home p{
字体系列:无衬线;
字体大小:60px;
颜色:#000;
利润率:0.10%;
}

阅读更多


要使其正常工作,这将适用于需要使用相对长度的每个用户。 要将其“90%向下”放置在页面上,您可以使用:

margin-top: 90vh;
检查一下,你可以在那里找到你想要的东西。
祝你好运,

你可以将你的身体设置为100%,然后使用包装器div将所有内容放在主跳水上方。这将使包装器div的字体大小减少90%

html,
身体{
身高:100%;
边际:0px;
}
#主要内容{
最小高度:计算(90%-60px);
/*为字体大小留出空间*/
}
#家{
明确:两者皆有;
位置:相对位置;
宽度:100%;
文本对齐:居中;
}
#home p{
字体系列:“Roboto Condensed”,无衬线;
字体大小:60px;
线高:60px;
颜色:青绿色;
边际:0px;
}

阅读更多


保证金底部:10%应该工作,不是吗?@ GordARME,只是把它放在页面中间的悲伤。<代码>位置:绝对;底部:10px哦,要使其起作用,您还需要
位置:relative
on#home解决方案取决于许多变量。文本对象之后会有内容吗?