在有效的XHTML中实现标签停止的最佳方法?

前端之家收集整理的这篇文章主要介绍了在有效的XHTML中实现标签停止的最佳方法?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
为了解释想象一个简单的地址.写在一个带有换行符的 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)?

解决方法

我发现定义列表比这里更有意义.以特定宽度将dt浮动到左侧,并在左侧清除.如果标签或数据要包装,您将需要执行一些后元素浮动删除技巧来使此工作正常工作,但这并不像您需要的那样. (我认为这是值得的,无论如何,加上,做一次,你永远不会再做这个).

你甚至可以使用:自动添加冒号后,如果不介意刷IE6.

原文链接:https://www.f2er.com/html/224649.html

猜你在找的HTML相关文章