鱼C论坛

 找回密码
 立即注册
查看: 2912|回复: 4

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

[复制链接]
发表于 2020-11-11 13:58:55 | 显示全部楼层 |阅读模式

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

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

x
wrong.jpg
<!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>
最佳答案
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>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2020-11-11 22:04:04 | 显示全部楼层
这...我还没学css
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 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>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-11-12 14:32:42 | 显示全部楼层
学习学习
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-11-14 10:57:17 | 显示全部楼层
谢谢大佬
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 22:55

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表