-moz-column does not work correctly with rtl direction

I have a div container with fixed height, fixed width and overflow I need to display text in 4 columns

The problem is this:
with the 'rtl' direction, firefox displays the last 4 columns and hides the rest, but I want to display the first 4 columns and hide everything else, which is done by switching the direction to "ltr", but this is Arabic content, and this needs to be done using the rtl direction

any help please! and sorry if I could not clearly discuss the problem.

<div class="article">Arabic Content here</div>

.article {
-moz-column-count: 4;
-moz-column-gap: 10px;
-moz-column-width: 40px;
height: 171px;
width: 500px;
overflow: hidden;
text-align: justify;
}
+3
source share
1 answer

Old question, but:

firefox - -webkit-column-count: 4; direction:rtl overflow:hidden, webkit.

, ( FF 6.0.2 ).

+1

Source: https://habr.com/ru/post/1792224/


All Articles