3

cssルールを使用してhtmlページを複数の列に分割しました

var mySheet = document.styleSheets[0];
function addCSSRule(selector, newRule) 
{
   if (mySheet.addRule) {
       mySheet.addRule(selector, newRule);// For Internet Explorer                              
   } else {
       ruleIndex = mySheet.cssRules.length;
       mySheet.insertRule(selector + '{' + newRule + ';}', ruleIndex)//for firefox..
   }
}

addCSSRule('html', 'padding: 0px; height: 460px; -webkit-column-gap: 0px; -webkit-column- width: 320px;');

特定の列からコンテンツを取得するにはどうすればよいですか。私を助けてください。

4

2 に答える 2

1

これを行う簡単な方法はないと確信しています。最善の策は、テキストの長さを見つけて、コンテンツの前半(または場合によっては3分の1、または4分の1)を取得することです。正確ではありませんが、近いでしょう。

もう1つの方法は、コンテンツを上から選択し、キャレットの位置によって列の終わりを把握することです。(私はここでリフしているだけです。これが実際に機能するかどうかはわかりません)

于 2013-02-19T15:55:49.130 に答える
1

1時間後にコンテンツを取得して、検索して展開できます。私の共有が誰かを助けることを願っています。
plsチェックイン:jsfiddle.net/cuongtakien/7YMSL/1/

始点と終点の位置を変更して、各列の高さを計算できます。最後に、ハードフィックスされたコードを変更してコンテンツを取得します。
javascriptのcreateRangeについて共有してくれたmattsvenに感謝します。素敵なコードを!

于 2014-02-18T09:53:32.757 に答える