Html 将文本放置在右对齐的div容器底部

我有一个压印页脚，它将版权容器放置在较大屏幕尺寸的右侧

只要版权在右边对齐，我希望它的文本在底部垂直对齐

我怎样才能做到这一点？我尝试了

verticalign:bottom

，但没有效果

注意： 您可能必须全屏打开代码段，因为flexbox在较低的屏幕尺寸下会被删除

#压印{
显示器：flex；
证明内容：之间的空间；
背景:#2f333b；
颜色：#ffffff；
}
#压印容器{
显示器：flex；
}
#imprintContainer.imprintItem:非（：第一个子项）{
左边距：50像素；
}
.链接{
文字装饰：无；
颜色：#292；
}
.link:悬停{
颜色：#3abcf3；
}
@介质（最大宽度：1200px）{
#印记{
显示：块；
}
}
@介质（最大宽度：700px）{
#压印容器{
显示：块；
}
#imprintContainer.imprintItem:非（：第一个子项）{
左边距：0；
}
}

公司

街头

城市




阅读我们的


©版权所有2018

尝试此设置。我所做的更改：我在包含版权段落的

中添加了

版权所有者

作为类。

对于版权段落，我添加了

版权

id。请参见CSS了解样式定义

如问题所示：将下面的演示扩展到全屏，以便查看

flex

的实际效果

。版权所有者{
位置：相对位置；
}
#版权所有{
位置：绝对位置；
底部：0；
右：0；
空白：nowrap；
}
#印记{
显示器：flex；
证明内容：之间的空间；
背景:#2f333b；
颜色：#ffffff；
}
#压印容器{
显示器：flex；
}
#imprintContainer.imprintItem:非（：第一个子项）{
左边距：50像素；
}
.链接{
文字装饰：无；
颜色：#292；
}
.link:悬停{
颜色：#3abcf3；
}
@介质（最大宽度：1200px）{
#印记{
显示：块；
}
}
@介质（最大宽度：700px）{
#压印容器{
显示：块；
}
#imprintContainer.imprintItem:非（：第一个子项）{
左边距：0；
}
}

公司

街头

城市




阅读我们的


©版权所有2018

尝试此设置。我所做的更改：我在包含版权段落的

中添加了

版权所有者

作为类。

对于版权段落，我添加了

版权

id。请参见CSS了解样式定义

如问题所示：将下面的演示扩展到全屏，以便查看

flex

的实际效果

。版权所有者{
位置：相对位置；
}
#版权所有{
位置：绝对位置；
底部：0；
右：0；
空白：nowrap；
}
#印记{
显示器：flex；
证明内容：之间的空间；
背景:#2f333b；
颜色：#ffffff；
}
#压印容器{
显示器：flex；
}
#imprintContainer.imprintItem:非（：第一个子项）{
左边距：50像素；
}
.链接{
文字装饰：无；
颜色：#292；
}
.link:悬停{
颜色：#3abcf3；
}
@介质（最大宽度：1200px）{
#印记{
显示：块；
}
}
@介质（最大宽度：700px）{
#压印容器{
显示：块；
}
#imprintContainer.imprintItem:非（：第一个子项）{
左边距：0；
}
}

公司

街头

城市




阅读我们的


©版权所有2018

使用

将self

与版权元素对齐

#压印{
显示器：flex；
证明内容：之间的空间；
背景:#2f333b；
颜色：#ffffff；
}
#压印容器{
显示器：flex；
}
.项目{
自对准：柔性端；
}
#imprintContainer.imprintItem:非（：第一个子项）{
左边距：50像素；
}
.链接{
文字装饰：无；
颜色：#292；
}
.link:悬停{
颜色：#3abcf3；
}
@介质（最大宽度：1200px）{
#印记{
显示：块；
}
}
@介质（最大宽度：700px）{
#压印容器{
显示：块；
}
#imprintContainer.imprintItem:非（：第一个子项）{
左边距：0；
}
}

公司

街头

城市




阅读我们的


©版权所有2018

使用

将self

与版权元素对齐

#压印{
显示器：flex；
证明内容：之间的空间；
背景:#2f333b；
颜色：#ffffff；
}
#压印容器{
显示器：flex；
}
.项目{
自对准：柔性端；
}
#imprintContainer.imprintItem:非（：第一个子项）{
左边距：50像素；
}
.链接{
文字装饰：无；
颜色：#292；
}
.link:悬停{
颜色：#3abcf3；
}
@介质（最大宽度：1200px）{
#印记{
显示：块；
}
}
@介质（最大宽度：700px）{
#压印容器{
显示：块；
}
#imprintContainer.imprintItem:非（：第一个子项）{
左边距：0；
}
}

公司

街头

城市




阅读我们的


©版权所有2018

不是最好的解决方案。但是我想。你在这里所做的一切。。。使用flex并不是最好的解决方案

#压印{
显示器：flex；
证明内容：之间的空间；
背景:#2f333b；
颜色：#ffffff；
}
#压印容器{
显示器：flex；
}
#imprintContainer.imprintItem:非（：第一个子项）{
左边距：50像素；
}
#imprint>.imprintItem{
位置：相对位置；
}
#imprint>.imprint项目p{
位置：绝对位置；
底部：0；
.imprintItem.copy{
    align-self: flex-end;
}