[已解决]怎么让文字和图片在一行显示

还不够好 · 发表于 2020-11-11 13:58:55

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!DOCTYPE html>
<html>
<head><title>20070的个人网站——首页</title>
</head>
<body background ="11.jpg" text ="black" >
<div  align = "center"><img src = "dog.jpeg" width = "329" height = "329" alt ="照片"></div>
<h1>个人简介</h1>
<ul>
<li>姓名：a</li>
<li>学号：20070</li>
<li>院系：b学院</li>
<li>专业：c工程</li>
<li>爱好：睡觉</li>
</ul>
</body>
</html>

最佳答案

月排行榜 / 总排行榜

yanghongchen666

2020-11-12 14:17:23

后面学到css会有float跟position这两个属性，可以脱离文档流，也就是可以让元素“飞”起来，这样就可以重新设计元素的位置，或者用display属性改变元素的值，后面甲鱼哥哥有讲的。给你写了一个大概，后面会将语义这个比较重要！加油加油！
<!DOCTYPE html>
<html>
<head><title>20070的个人网站——首页</title>
</head>
<style>
.picture{
      text-align: center;
}
.info{
      position: absolute;
      bottom: 600px;
}
</style>
<body background ="11.jpg" text ="black" >
<div class="picture">
<img src = "2.jpg">
</div>
<div class="info">
<h1>个人简介</h1>
<ul>
      <li>姓名：a</li>
      <li>学号：20070</li>
      <li>院系：b学院</li>
      <li>专业：c工程</li>
      <li>爱好：睡觉</li>
</div>

</ul>
</body>
</html>

跳转到最佳答案楼层

还不够好 · 发表于 2020-11-11 22:04:04

这...我还没学css

yanghongchen666 · 发表于 2020-11-12 14:17:23

这个最佳答案由 yanghongchen666 给出，感谢 yanghongchen666 的回答。

单击隐藏图章

后面学到css会有float跟position这两个属性，可以脱离文档流，也就是可以让元素“飞”起来，这样就可以重新设计元素的位置，或者用display属性改变元素的值，后面甲鱼哥哥有讲的。给你写了一个大概，后面会将语义这个比较重要！加油加油！
<!DOCTYPE html>
<html>
<head><title>20070的个人网站——首页</title>
</head>
<style>
.picture{
      text-align: center;
}
.info{
      position: absolute;
      bottom: 600px;
}
</style>
<body background ="11.jpg" text ="black" >
<div class="picture">
<img src = "2.jpg">
</div>
<div class="info">
<h1>个人简介</h1>
<ul>
      <li>姓名：a</li>
      <li>学号：20070</li>
      <li>院系：b学院</li>
      <li>专业：c工程</li>
      <li>爱好：睡觉</li>
</div>

</ul>
</body>
</html>

19924269098 · 发表于 2020-11-12 14:32:42

学习学习

还不够好 · 发表于 2020-11-14 10:57:17

谢谢大佬

账号		自动登录	找回密码
密码			立即注册