On 7/12/2013 1:08 AM, Nasser M. Abbasi wrote:
For example, when I write this in Latex:
-------------------------------
\documentclass{article}%
\usepackage{lipsum}
\usepackage{multicol}
\setlength{\columnsep}{20pt}
\setlength{\columnseprule}{0.01pt}
\begin{document}
\begin{multicols}{2}
\lipsum[1-10]
\end{multicols}
\end{document}
---------------------
The pdf has 2 columns, but html does not.
Just wanted to add, that the support can be very limited
initially. For example, just mapping the above to something
like this below will work:
.newspaper
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:2;
-moz-column-gap:10px; /* Firefox */
-webkit-column-gap:10px; /* Safari and Chrome */
column-gap:10px;
-moz-column-rule:1px outset #F8F8F8 ; /* Firefox */
-webkit-column-rule:1px outset #000000; /* Safari and Chrome */
column-rule:1px outset #000000;
}
Then adding <div class="newspaper"> in the body where
\begin{multicols}{2} is and adding </div> to match with
\end{multicols}
Multiple columns in CSS3 has many properties, but only
the column-count, column-gap and column-rule are the
minimum requirements to use this.
Actually thinking out loud now, I might be able to define my own
env. using \ConfigureEnv{newspaper} to do this in my htlatex
configuration file, as I learned how to do one before for something
else new in HTML5, so I will try it now to see if I can do the
above.....
--Nasser
