HTML – 如何通过CSS“打破线”?

HTML – 如何通过CSS“打破线”?,第1张

概述我们假设我有一个 HTML页面,它呈现出类似于下面的东西: labelA [___INPUT-TEXT____] labelB [___INPUT-TEXT____] 但是,我想在第二个标签上“打破界限”,例如: labelA [___INPUT-TEXT____]labelB [___INPUT-TEXT____] 假设我无法更改HTML代码.我怎么能用CSS做到这一点? 这是一个例子: <h 我们假设我有一个 HTML页面,它呈现出类似于下面的东西:

labelA [___input-TEXT____] labelB [___input-TEXT____]

但是,我想在第二个标签上“打破界限”,例如:

labelA [___input-TEXT____]labelB [___input-TEXT____]

假设我无法更改HTML代码.我怎么能用CSS做到这一点?

这是一个例子:

<HTML><head><style>#labelA { display:block; }#labelB { display:block; }</style></head><body><label for="ia" ID="labelA">labelA</label><input ID="ia" type="text"/><label for="ib" ID="labelB">labelB</label><input ID="ib" type="text"/></body></HTML>

任何帮助表示赞赏.

干杯,

编辑:
我的意思是{display:block; }而不是{inline:block},谢谢你指出它.

解决方法 使用display:block;而不是内联:块;而且我认为它应该做你想要的.

编辑没有仔细阅读您的问题.如果要将标签和文本输入分组在一行,可以使用以下内容:

label,input {    float: left;}label {    clear: left;}

……这里是由Tim Medora提供的a more polished jsFiddle示范礼貌

总结

以上是内存溢出为你收集整理的HTML – 如何通过CSS“打破线”?全部内容,希望文章能够帮你解决HTML – 如何通过CSS“打破线”?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1042477.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存