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

怎么让文字和图片在一行显示

<!DOCTYPE html>
<html>
<head><title>20070的个人网站——首页</title>
</head>
<body background ="11.jpg" text ="black" >
<divalign = "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>

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

这...我还没学css

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>

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

学习学习

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

谢谢大佬
页: [1]
查看完整版本: 怎么让文字和图片在一行显示