关于dw中图片的位置问题,请看以下代码
<head><styletype="text/css">img{position:absolute;left:20%}</style></head><body><h1>这...
<head>
<style type="text/css">
img
{
position:absolute;
left:20%
}
</style>
</head>
<body>
<h1>这是标题</h1>
<img class="normal" src="eg_smile.gif" />
<p>一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。</p>
</body>
为什么图片会与 P 段落顶部对齐 ?而不是与包含块顶部对齐呢 ?STYLE中并没有做设置呀 。<img class="normal" 是什么意思 ?我在W3CSCHOOL自学的时候没有学到关于图片插入的知识,不知道是不是和这个 “normal”有关系,望指点!!
代码复制错了,是right:5%} 展开
<style type="text/css">
img
{
position:absolute;
left:20%
}
</style>
</head>
<body>
<h1>这是标题</h1>
<img class="normal" src="eg_smile.gif" />
<p>一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。</p>
</body>
为什么图片会与 P 段落顶部对齐 ?而不是与包含块顶部对齐呢 ?STYLE中并没有做设置呀 。<img class="normal" 是什么意思 ?我在W3CSCHOOL自学的时候没有学到关于图片插入的知识,不知道是不是和这个 “normal”有关系,望指点!!
代码复制错了,是right:5%} 展开
1个回答
展开全部
<style type="text/css">
img
{
position:absolute;
left:20%
}
</style>
你做了 绝对定位 absolute 会以body为基准的
class="normal"的意思是 引用一个样式class名为 nomal
img
{
position:absolute;
left:20%
}
</style>
你做了 绝对定位 absolute 会以body为基准的
class="normal"的意思是 引用一个样式class名为 nomal
追问
这位大侠,我刚才做了下实验,我把放在之上,图片就与包含块顶部对齐了,放在中间,就与P段落顶部对齐(如图所示)。我想弄清这是什么原理。是不是IMAGE放在 BOBY的哪一行也有说法呢?回答清楚了就选你了 ,呵呵 很急。
追答
刚下班回来 不好意思哈 position:absolute;left:20% 的意思以body为基准点 向右移动20%
你没有给top赋值 浏览器就会使用默认top
你把img{position:absolute;left:20%}去掉 会看到img的默认网页位置 加上去 就会相对body移
你把image放在好h1上 网页默认的是image在h1上 你上面的样式im{position:absolute;left:20%}只是把图片右移了
至于网页标签 当然是有显示顺序了 先写的先显示 比如你把一些文本。一些文本。一些文本。一些文本。一些文本。一些文本。
放在h1 上 自然这些文本就会在好h1之前显示了
不知道这样说 你明白了吗?
实在不明白加我QQ269183942
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
AiPPT
2024-09-19 广告
2024-09-19 广告
随着AI技术的飞速发展,如今市面上涌现了许多实用易操作的AI生成工具1、简介:AiPPT: 这款AI工具智能理解用户输入的主题,提供“AI智能生成”和“导入本地大纲”的选项,生成的PPT内容丰富多样,可自由编辑和添加元素,图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |