How do I create a crossword style grid / large number of divs or others?

so I need to have a grid on the screen in web browser / mobile so that each grid item saves 1 letter.

A bit like a crossword puzzle, but using most of the screen. Doing this with a div seems to be difficult as the performance is not very great to support creating a screen with 1000 sections as you can fit a lot of text on the screen with so many divs.

Any suggestions as a way to achieve this text / grid layout?


source to share

3 answers

If you can use HTML 5 Canvas, this might help you:




It seems obvious, but yes.



I like this as a mesh creator. You will still have to create vertical height. Perhaps with some class.



All Articles