通过CSS或JavaScript在行中间点

Question

你可以帮助我实现这个例子中的布局吗？

此列表中的示例项动态加载到视图中,长度可以是各种各样的.似乎点的数量应该根据这个变化.我尝试使用<table>元素,但只有我可以设置是虚线边框到底部,这不是我的情况因为我需要它在行的中间.

Answer 1

您可以使圆点成为TD的垂直居中背景.内容本身具有白色背景,因此点隐藏在文本下方.

这里的例子:

http://jsfiddle.net/willemvb/QkEzr/