gpt4 book ai didi

css - 为什么
表现得像
?我应该用别的东西代替吗?

转载 作者:太空宇宙 更新时间:2023-11-03 18:36:37 26 4
gpt4 key购买 nike

所以我试着练习制作一个网站,我试着让文本在两张图片之间居中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<div style=" margin-left:auto; margin-right:auto; text-align:center;">
<p>poo</p></div>

<div "float:left; margin-top:-33px;">>
<img src="https://lh4.googleusercontent.com/-0kj0VRLro_o/AAAAAAAAAAI/AAAAAAAAAAA/8Aoyxk98YV0/s48-c-k/photo.jpg" width="297" height="241"/>

<div style="float:right; margin-top:-33px;">
<img src="http://i1.ytimg.com/vi/HdqsNykr9cM/mqdefault.jpg" height="187">
</div>

抱歉,这是 wat-tier 论坛的奇怪间距

最佳答案

首先,您的 html 标记有一些问题:

  • 格式不正确,您缺少结尾 </div>标签

  • 没有 style 的内联样式属性,例如<div "float:left; margin-top:-33px;">应该是 <div style="float:left; margin-top:-33px;">

  • ">>是无效的 html 标记

  • 尽可能不要使用内联样式。相反,创建一个单独的样式表并使用 css 类。

我创建了一个 DEMO我已经稍微清理了你的代码,并将两张图片之间的文本居中。一般的想法是使用 float: left当您需要元素在页面上彼此相邻显示时。

关于css - 为什么 <div> 表现得像 <br>?我应该用别的东西代替吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18544451/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com