HTML – 我希望这个标签到达图像的底部？

概述我对这个html / css完全不熟悉我试图将带有背景的文本浮动为图像.是的我做了但是问题是文本浮动在图像上.如果使用margin-top来调整图像,它只是简单地拉下整个div.Here down我给了我想要的图形表示. HTML <div class="maincon"> <div class="picon" style="background-image: linear-gradien 我对这个HTML / CSS完全不熟悉我试图将带有背景的文本浮动为图像.是的我做了但是问题是文本浮动在图像上.如果使用margin-top来调整图像,它只是简单地拉下整个div.Here down我给了我想要的图形表示.

HTML

<div >    <div  ><p>Hi</p>     </div></div>

CSS

.maincon {    margin-top: 95px;    wIDth: 80%;    margin-left: auto;    margin-right: auto;    height: 100%;}.picon {    wIDth: 100%;    height: 80%;    background: none center/cover #f2f2f2;}.picon p {}

解决方法 绝对位置绝对和相对.你可以使用flexBox module.it支持所有最新的浏览器.

.element {  height: 80vh;  background: linear-gradIEnt(to bottom,url('http://cdn2.macworld.co.uk/CMSdata/features/3598128/iphone_6s_revIEw_20.jpg');  background-size: cover;  align-items: flex-end;  display: flex;}p {  color: white;  Font-size: 25px;  margin: 10px;}

<div >  <p>Apple iphone</p></div>

总结

以上是内存溢出为你收集整理的HTML – 我希望这个标签到达图像的底部？全部内容，希望文章能够帮你解决HTML – 我希望这个标签到达图像的底部？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。