gpt4 book ai didi

html - 如何设置平行DIV?

转载 作者:太空宇宙 更新时间:2023-11-04 15:20:24 26 4
gpt4 key购买 nike

我想让 3 个相互平行对齐。我在互联网上看到的例子很少,但不知何故它们对我不起作用。我的 html 文件如下:

<!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=iso-8859-1" />
<script type="text/css">
#root {
background-color: #eee;
}

#left_side {
float: left;
}

#center_s {
margin-left: auto;
margin-right: auto;
width: 65px;
background-color: #ccc;
}

#right_side {
float: right;
}


</script>

</head>

<body>

<div id="root">
<div id="left_side">LEFT</div>
<div id="right_side">RIGHT</div>
<div id="center_s">CENTER</div>
</div>



</body>
</html>

谢谢:)

最佳答案

不是脚本。写风格而不是脚本。有语法错误。像这样。

<style type="text/css">
#root {
background-color: #eee;
}

#left_side {
float: left;
}

#center_s {
margin-left: auto;
margin-right: auto;
width: 65px;
background-color: #ccc;
}

#right_side {
float: right;
}


</style>

关于html - 如何设置平行DIV?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9930937/

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