文章/答案/技术大牛

发布

社区首页 >问答首页 >html5元素间的设置空间

问html5元素间的设置空间
EN

Stack Overflow用户

提问于 2013-08-20 17:18:27

回答 4查看 2.7K关注 0票数 0

我试图创建一个简单的html文件与2列类似的结构。我管理了它，但是在JSFiddled演示中您可以看到，每个元素之间没有空间。我试过毛边和垫子，但都失败了。例如，我如何在输入元素之间留出一些空间？

JSFiddle

这是我的css：

    .left
    {
    position:relative;
    left:10px;      
    }

    .right
    {
    position:fixed;
    left:300px;   
    }

html

css

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-08-20 17:32:18

您也可以使用元素来包围您的标签字段匹配，而不是使用br换行，并且仍然是有效的HTML。

例如：

<p>
    <label for="foo">Foo:</label>
    <textarea id="foo"></textarea>
</p>

这是一个小提琴。

票数 1

Stack Overflow用户

发布于 2013-08-20 17:26:13

对于这种类型的事情，可以使用inline-block进行如下操作：

.left {
    display: inline-block;
    width: 300px;
    margin-left: 0.6em;
}
label, input, select {
    margin: 0.5em 0;
}

票数 0

Stack Overflow用户

发布于 2013-08-20 17:32:53

尝试一下，但是为什么要使用相对标签和固定位置作为输入呢？

.left {
    display: inline-block;
    left: 10px;
    margin-bottom: 10px;
    position: relative;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18341189

复制

相似问题

问html5元素间的设置空间
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html5元素间的设置空间EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html5元素间的设置空间
EN