2013-03-19 2 views
0

Je dois forcer mon texte à déborder dans une nouvelle colonne dans une hauteur div définie.Comment convertir mon débordement de texte en colonnes?

C'est ce qu'il fait actuellement: http://i.imgur.com/huvk0si.png

C'est ce que je besoin de le faire. (Ce qui a été raillé dans photoshop) http://i.imgur.com/nCgCFGy.jpg

Voici le code html

<div class="data"> 
<div class="stackleft" id="p1_stack"></div> 
<div class="stackright" id="p2_stack"></div> 
</div> 

Voici le JavaScript

function drawStack(isFinal){ 
var stackLength = Oscore[currentPlayer].stack.length; 
var temp = ""; 
var tot = 0; 
for(var i=0;i<stackLength;i++){ 
    var val = Oscore[currentPlayer].stack[i]; 
    temp += val + "<br>"; 
    tot += val; 
} 
//if(!isFinal){ 
    //temp = '<div class="workingScore">'+scoreTemp+'</div><br>' + temp; 
//} 
var writeSore = document.form1.game.value - tot; 
writeit(writeSore,currentPlayer + "_score"); 
writeit(temp,currentPlayer + "_stack"); 
} 

Toute aide serait grandement appréciée grâce à l'avance.

+0

bcoz vous mettez
avec js donc c'est dans la ligne suivante essayez ul et li et faites-les en ligne-bloquer ça marche bien alors –

+0

pouvez-vous montrer le navigateur html rend pour cet extrait –

+0

Je ne suis pas sûr de ce que vous demandez, si vous demandez la sortie du js puis son ne pas sortir quelque chose dans le code HTML. J'ai aussi essayé de changer br/à ul et il déplace tout le texte vers de nouvelles colonnes chaque fois qu'il fait un nouveau nombre. – user2185197

Répondre

0

Je pense que vous cherchez soit:

  1. multiple mise en page CSS colonne - See supported browsers
  2. Régions CSS - À l'heure actuelle encore un projet de travail et non largement pris en charge mais il y a un polyfill created by Adobe

Il On dirait que vous avez affaire à un navigateur de téléphone intelligent. Donc, le support de ces fonctionnalités dans Safari et Chrome est accepté tant que vous ne vous souciez pas de IE