Как копировать текст столбцом?

Question

[lukoie]

Как сделать текст сайте в несколько столбцов, чтобы в итоге можно было выделять параграфы мышью по вертикали?
Допустим есть текст
слово1 перевод1 комментарий1
слово2 перевод2 комментарий2
слово3 перевод3 комментарий3
слово4 перевод4 комментарий4
слово5 перевод5 комментарий5

мне нужно выделить мышью столбец с переводами для копипастов.
Как это правильно сделать в верстке страницы, желательно блочной версткой без табличной(впрочем, там вроде тоже получается после первого же параграфа выделение захватывает весь текст по горизонтали из всех столбцов).

Answer 1

[keslo]

А чем вам табличная верстка не угодила? Она как раз и создана для вашего случая.

Comments

[lukoie]

Я ищу способ добиться поставленной задачи с блочной версткой.

[Сергей delphinpro]

keslo каким макаром тут поможет табличная верстка? выделение столбиком - это нестандартное действие. Нативными средствами не обойдешься.

[lukoie]

Сергей: никакие хитрые оборачивания в дивки не смогут дать нужный эффект?

[Сергей delphinpro]

lukoie: могут. текст на странице выделяется последовательно в текущем потоке элементов. Проще говоря, как у вас в коде текст размещен, так он и будет выделятся.
(в таблицах ячейки идут последовательно, строка за строкой, и будут так же последовательно выделяться.)
Если вы скомпонуете текст столбиками, то и выделяться он будет столбиками

[keslo]

Сергей: да. согласен

[keslo]

Сергей: lukoie: заметил, что в редакторе TinyMCE можно выделить строку или столбец в процессе редактирования. Возможно стоит посмотреть на реализацию там?

[lukoie]

keslo: в таблицах, как тут? www.tinymce.com/tryit/basic.php

[lukoie]

Сергей: как обернуть в дивки, не используя таблицы, чтобы копипастить столбец, при этом учитывая что текст языка1 может по длине отличаться от текста языка2, при этом кол-во строк будет разниться, но надо чтобы уже следующие абзацы начинались на одном уровне.

вот как пример в два столбика:
www.babelmatrix.org/works/en/Shakespeare,_William/Monologue_of_Hamlet/ru/4860-Монолог__быть_или_не_быть..._
а представьте что какая-то из строк получится длинней ширины столбца, при этом все строки сместятся ниже, и уже на стодвадцатой строке оригинал и перевод будут не напротив друг друга, как мне нужно.

надо сделать дивками так, чтобы если строка 2 стала длинней, с переносом строки, чтобы следующие строки все равно были друг против друга. Но при этом выделяться текст должен все равно по вертикали, только в одном столбце.

Answer 2

[zooks]

Чтобы выделять по вертикали, создайте таблицу с тремя ячейками и вставьте в них столбики текста.

Comments

[lukoie]

в вопросе же написано что блочной, не табличной. табличная не подойдет для поставленной задачи - смотрите обсуждение в комментариях предыдущего ответа, там где ссылка на гамлета.

[zooks]

lukoie: что за страх перед таблицами? Если перед вами таблица - спокойно используйте тег table. Я же не layout предложил из таблиц.

[lukoie]

zooks: загрузка текста, а планируется много текста, в таблице будет происходить только после загрузки всей таблицы, а не постепенно параграфами.

[zooks]

lukoie: как вариант псевдотаблица с div с display:table-cell

Answer 3

[Влад Токарев]

Можно каждый столбец в отдельный блок засунуть и каждое слово в отдельный блок. Так работает в Firefox, в других не пробовал:

<div style="float:left">
	<div>слово1</div>
	<div>слово2</div>
</div>
<div style="float:left">
	<div>перевод1</div>
	<div>перевод2</div>
</div>
<div style="float:left">
	<div>комментарий1</div>
	<div>комментарий2</div>
</div>

Для div>div лучше зафиксировать высоту.