为了解释想象一个简单的地址.写在一个带有换行符的
HTML段落,它会这样:
Street: Example Street 1 City: Vienna Zip Code: 1010 Country: Austria
大部分时间完全可以,但是有时候我必须实现以下输出:
Street: Example Street 1 City: Vienna Zip Code: 1010 Country: Austria
我的想法到目前为止
>应该是有效的XHTML,并在所有主流浏览器中正常工作或降级
>以语义正确的方式使用标签是非常优选的
因为第二点:我希望比一个更好的解决方案
>问题不仅限于地址 – 在其他情况下也是有用的
你如何实现这个输出(使用HTML和/或CSS)?
解决方法
@H_403_20@ 我发现定义列表比这里更有意义.以特定宽度将dt浮动到左侧,并在左侧清除.如果标签或数据要包装,您将需要执行一些后元素浮动删除技巧来使此工作正常工作,但这并不像您需要的那样. (我认为这是值得的,无论如何,加上,做一次,你永远不会再做这个).你甚至可以使用:自动添加冒号后,如果不介意刷IE6.