How to use css and html to achieve serpentine data, just start to arrange from left to right, and then arrange the content from right to left.

problem description

there is a flowchart, which defaults from left to right, whether the line break beyond the div can be displayed from right to left, and then from left to right when it is exceeded.

the environmental background of the problems and what methods you have tried

I really don"t know how to implement it in div css. I"m working on it in canvas.

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Aug.12,2021

ul:nth-of-type(2n){
    flex-direction: row-reverse;
}
ul  liulul2

demo:

https://github.com/giscafer/d.

idea, even-numbered lines can be laid out in reverse flex-direction


can achieve two lines of effect

 <div style="float:left;text-align:right">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Error minus neque, exercitationem quas a, voluptate saepe illum enim necessitatibus id illo ut! Consectetur unde, quas optio quaerat sit corporis commodi.
  </div>
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3900a-2c163.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3900a-2c163.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?