gpt4 book ai didi

html - 3 列文本换行符

转载 作者:太空宇宙 更新时间:2023-11-04 00:13:27 25 4
gpt4 key购买 nike

我希望彼此之间有 2 列。在第一个应该是背景图片。具有图像的“最小”尺寸。其他 2 个应该具有相同的大小。

如果我在里面写了一段文字,div 应该在他的上面换行。

其实我是这样做的

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

#wrapper
{
width: auto;
margin: 0 auto;
display: inline-block;
}
.col
{
display: block;
background: #FFF;
float: left;
height: 200px;
width:100%;
}

</style>

<body>
<div id="wrapper">
<div class="col" style=
"background-image:url(img/Logo.jpg);
width:101px;
height:200px;
background-repeat:no-repeat;"><--! in same line actually -->
</div>

<div class="col">
<table border="0">
<tr>
<td>username</td>
<td><input type="text"></td>
</tr>
<tr>
<td>password</td>
<td><input type="password"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="login"></td>
</tr>
</table>
</div>
<div class="col">
text
</div>
</div>
</body>

但它看起来真的很糟糕......

最佳答案

正在寻找类似 http://jsfiddle.net/hZPDt/ 的内容?

请详细说明你想要什么

body {
background-color: #484848;
}

#wrapper {
margin: 0 auto;
}

.col {
display: block;
background: #FFF;
float: left;
height: 200px;
width: 32.1%;
margin: .6%;
background-color: #FF0;
}

关于html - 3 列文本换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12229622/

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