Apps Modifying WebView to have wrapped columns for flowing text

[oblivionph]

Hi All,

I'm stuck in the problem for weeks already. I tried to apply the following CSS code in my HTML page in order to split the web page into columns:

html {
    overflow: visible;
    position: static;
}
body {
    -moz-column-width: 300px;
    -moz-column-gap: 1em;
    -webkit-column-width: 300px;
    -webkit-column-gap: 1em;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    margin: 0;
    padding: 0;
    height: 400px;
    min-heigt: 400px;
}

I am using Android WebView to view my HTML page but it doesn't work. When I view this in Mozilla Firefox, it works fine splitting the document into several columns. But when loading it in Android WebView, I only see one column.

I figured it out that it's impossible to do this in WebView. Can you suggest some work arounds? I was thinking of overriding the methods in WebView but I have no idea where to start.

Thanks in advance for your help!

Regards,

Edgar tea.