Questions tagged [text-justify]

The text-justify is a CSS property which can be used to specify the text justification method when using text-align: justify.

The text-justify is a CSS property which can be used to specify the method of text justification when using text-align: justify.

It is important to know that this CSS property is not widely supported in all browsers - it is commonly supported only in Internet Explorer.

95 questions
5
votes
1 answer

ReactJS: text-align justify not working

I have been using text-align: justify to evenly distribute menus. Following this tutorial and it is working perfectly. However, it breaks when I use ReactJS to create the view. A comparison can be found here: http://jsfiddle.net/j7pLprza/1/. I use…
Joy
  • 9,430
  • 11
  • 44
  • 95
5
votes
2 answers

Div position shifts when adding content

Following yesterday's issue ( DOM Equidistant divs with inline-blocks and text justify won't work when inserting through JS ) which @Snuffleupagus was kind enough to help me understand, I stumbled into another weird browser behaviour. Updated…
Rodrigo Neves
  • 220
  • 2
  • 12
5
votes
4 answers

Using printf, left- and right-justify two strings to a given length

Using printf in C or Bash shell, how can I left- and right-justify two strings (character arrays) to a given length? E.g. if the strings are "stack" and "overflow", and the length is 20 characters, I wish to print stack-------overflow (for clarity,…
Gnubie
  • 2,587
  • 4
  • 25
  • 38
4
votes
0 answers

justify Arabic text in Flutter

I want to justify Arabic text In my App but using TextAlign.justify leaves large spaces between words! Is there a better way to align words in flutter reducing those spaces knowing that Arabic words can be extended like this "الناس" to "النــــــاس"…
4
votes
4 answers

justify one line of html text to fill an entire line?

I have a navigation bar with links inside and its around the height I'd like it right now but I want the buttons to be evenly spaced but text-align:justify; isn't working. I'm I doing something wrong? http://jsfiddle.net/xuEY6/
Jim Jones
  • 2,568
  • 6
  • 26
  • 43
4
votes
2 answers

Two identical divs except for spacing & indentation-- why do they display differently?

I'm trying to use text-align:justify to space divs equally in another div. For some reason it works if the html is indented but not otherwise. Unfortunately the application I'm working on often makes all the html run together in a big string so I…
Evan Hobbs
  • 3,552
  • 5
  • 30
  • 42
3
votes
2 answers

font-size depending on character length?

Is it possible to change the div's font-size depending on how many characters are in it? I have image album titles in small fixed width div's (100px). Sometimes the album names have too many characters that they force a new line. So I was wondering…
crmepham
  • 4,676
  • 19
  • 80
  • 155
3
votes
1 answer

Execcommand justifyCenter doesn't work in Firefox when a P tag contains BRs inside

I have a contenteditable
with a

child, inside the

there is some
tags When I select some text and execute justifyCenter command on it, it doesn't work in FIREFOX, This is the jsfiddle : http://jsfiddle.net/mody5/LogyL670/ This is…

medBouzid
  • 7,484
  • 10
  • 56
  • 86
3
votes
1 answer

Horizontal menu justified positioning of items

The menu on this website is not justified as intended. This may be a repost, although I have read all previous solutions for this issue... it is breaking my brain right now. I am currently using this CSS technique for justifying the elements of a…
wlarcheveque
  • 894
  • 1
  • 10
  • 28
2
votes
1 answer

How to get rid of gaps between arabic letters when using Justify in QTextEdit?

I am using QTextEdit to display Arabic text, but there are tiny gaps between the letters when I justify the text. Here's an example of how it looks: And I highlighted the gaps in here: I tried changing: Fonts. Font weight. Font size. line wrap…
2
votes
2 answers

react native and Arabic Text in justify mode

I'm trying to make an screen with Arabic text in it. It is basically a big that include smaller components nested into it. (the container is like the page, while the smaller ones are parts that need their own even handling onPress...etc). I want…
Tysseer
  • 31
  • 1
  • 5
2
votes
1 answer

How can I align text both left and right in a C# WinForms button?

Sorry if I missed an existing post, but all the ones I see are for Android and CSS and stuff, not C#. I am making a media manager and when I search I have a flow layout panel that populates with buttons that will launch movies matching the search. …
Donal23
  • 41
  • 3
2
votes
0 answers

Safari CSS only updates after clicking for text-align: justify (with sandbox example)

EDIT: short story I made a code sandbox: https://codesandbox.io/s/928m541rny?fontsize=14 open in Safari for mac and you will see this if you stretch a little bit the window: If you click on the text, it justifies correctly. I have a very…
Quentin C
  • 1,739
  • 14
  • 26
2
votes
0 answers

'text-justify' Worked Differently In Chrome and Firefox

I was working with my website with bootstrap and found out that the justified part of my text was shown differently in Chrome and Firefox. HTML

2
votes
1 answer

Justifying strings left and right in tkinter text widget

Is it possible to justify two diffrent strings in a textwidget on both sides in each line? I tried the following but it is not working like expected. from tkinter import * root = Tk() t = Text(root, height=27, width=30) t.tag_configure("right",…
Max2603
  • 403
  • 1
  • 6
  • 23