如何使用CSS在HTML文档中插入换行符

前端之家收集整理的这篇文章主要介绍了如何使用CSS在HTML文档中插入换行符前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我写一个Web服务,我想返回的数据为XHTML。因为它是数据,不是标记,我想保持它很干净 – 没有额外的< div> s或< span> s。但是,为了方便开发人员,我还希望在浏览器中使返回的数据合理可读。为了做到这一点,我想一个很好的方法去使用CSS。

我特别想做的是在某些地方插入换行符。我知道display:block,但它并不真正工作在我现在想处理的情况下 – 一个窗体< input>字段。这样的东西:

<form>
  Thingy 1: <input class="a" type="text" name="one" />
  Thingy 2: <input class="a" type="text" name="two" />
  Thingy 3: <input class="b" type="checkBox" name="three" />
  Thingy 4: <input class="b" type="checkBox" name="four" />
</form>

我想让它渲染,使每个标签显示在相同的行对应的输入字段。我试过这个:

input.a:after { content: "\a" }

但这似乎没有做任何事情。

解决方法

最好将所有元素包装在标签元素中,然后将css应用于标签。 :before和:after伪类不是以一致的方式完全支持

标签标签有很多优点,包括增加可访问性(在多个级别)和更多。

<label>
    Thingy one: <input type="text" name="one">;
</label>

然后在您的标签元素上使用CSS …

label {display:block;clear:both;}

猜你在找的CSS相关文章