Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 我想在标题右侧添加一张图片,同时将标题保持在页面中心 我希望文本保持在页面中间,并在文本右边添加一个大约100px的图片。 <p style=background-color:#FFFFFF; font-size:600%; text-align:center; color:red;> Great Sheds <img style=margin:100px src="transomshutter.jpg" height="84" width="168"> </p> 大棚 _Jquery_Html_Css - Fatal编程技术网

Jquery 我想在标题右侧添加一张图片,同时将标题保持在页面中心 我希望文本保持在页面中间,并在文本右边添加一个大约100px的图片。 <p style=background-color:#FFFFFF; font-size:600%; text-align:center; color:red;> Great Sheds <img style=margin:100px src="transomshutter.jpg" height="84" width="168"> </p> 大棚

Jquery 我想在标题右侧添加一张图片,同时将标题保持在页面中心 我希望文本保持在页面中间,并在文本右边添加一个大约100px的图片。 <p style=background-color:#FFFFFF; font-size:600%; text-align:center; color:red;> Great Sheds <img style=margin:100px src="transomshutter.jpg" height="84" width="168"> </p> 大棚 ,jquery,html,css,Jquery,Html,Css,这是代码的当前部分。它将文本向左移动,然后图片与文本不对齐。它现在位于上方和右侧。尝试在img上使用绝对定位。这将从段落的右边缘定位图像100px。将“right”值调整为所需的数量。如果您想这样做,应该在段落标记(“p”)上使用position:relative <img style="position: absolute;right: 100px;" src="transomshutter.jpg" height="84" width="168"> 如果您始终知道图像的宽度,您

这是代码的当前部分。它将文本向左移动,然后图片与文本不对齐。它现在位于上方和右侧。

尝试在img上使用绝对定位。这将从段落的右边缘定位图像100px。将“right”值调整为所需的数量。如果您想这样做,应该在段落标记(“p”)上使用position:relative

<img style="position: absolute;right: 100px;" src="transomshutter.jpg" height="84" width="168">

如果您始终知道图像的宽度,您可以使用它以绝对定位偏移右负方向,如下所示:

p {
  position: relative;
}
p img {
  position: absolute;
  right: -268px;
}
或者,如果您不担心较旧的浏览器,可以使用calc()确定左侧:

p img {
  position: absolute;
  left: calc(100% + 100px);
}
编辑:更正,我误解了你问题的左右。我已经调整了我的答案