c# - 排列不同列中的文本部分

标签 c# javascript html css asp.net-mvc

我正在开发一个类似于 diff 工具的网络应用程序(C# 后端)元素。在一个 View 中,我在左列和右列中有相同文本的两个版本。它们将具有所有相同的节标题,但段落中的文本不一定相同。

我在一个 div 中有这个部分,然后每个列在它自己的 div 中。一位 friend 建议我可以使用某种 offset-from-the-top CSS 属性,但我还没有想出一个可行的方法。我不能只添加计算出的新行数(或硬编码的边距调整),因为每组数据都有不同的偏移量,以及每个屏幕尺寸。

这是一个 jsfiddle,其中包含我所拥有的简化示例:http://jsfiddle.net/#&togetherjs=79sTr7vnDR

最佳答案

我在您的评论中看到您不能水平拆分数据。您可以在每一侧添加类,将它们垂直拆分吗?例如,你能把 <h1> 包装起来吗? s 及其对应的 <p> <div class="subsection1"> 中的元素在每一侧? (我附上了一个 fiddle here 的例子)

因为如果可以的话,您可以使用一些 jquery 来计算每一侧相同类的最低位置,并将垂直偏移设置为等于最低的位置,然后继续。我很乐意通过示例帮助您,但我只是想在我这样做之前确保它是可行的 :P 希望对您有所帮助!

关于c# - 排列不同列中的文本部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24334524/

相关文章:

c# - 如何确定不是大写或小写的字母字符

c# - stub 静态扩展方法似乎在 Rhino Mocks 中有效,除非我强制转换返回变量。为什么?

javascript - 无法从 Angular 中的 JSON 对象填充数组

javascript检查DOM元素是否存在最佳实践

javascript - 我们如何获得图像高度(不是自然高度)

C# Windows 程序退出请求(检测 Application.Exit)无表单

c# - 对象无法反序列化,因为 'Collection was of a fixed size.'

javascript - 为什么 "function"不被视为 javascript 中的数据类型?

javascript - 通过#链接弹出窗口,如何在关闭时删除网址中的#?

html - CSS 垂直对齐