Member-only story

Vertically align text to top within a UILabel

Mr.Javed Multani
3 min readOct 25, 2019

--

There’s no way to set the vertical-align on a UILabel, but you can get the same effect by changing the label's frame. I've made my labels orange so you can see clearly what's happening.

Here’s the quick and easy way to do this:

[myLabel sizeToFit];

If you have a label with longer text that will make more than one line, set numberOfLines to 0 (zero here means an unlimited number of lines).

myLabel.numberOfLines = 0;
[myLabel sizeToFit];

Longer Version

I’ll make my label in code so that you can see what’s going on. You can set up most of this in Interface Builder too. My setup is a View-Based App with a background image I made in Photoshop to show margins (20 points). The label is an attractive orange color so you can see what’s going on with the dimensions.

- (void)viewDidLoad
{
[super viewDidLoad];

// 20 point top and left margin. Sized to leave 20 pt at right

--

--

Mr.Javed Multani
Mr.Javed Multani

Written by Mr.Javed Multani

Software Engineer | Certified ScrumMaster® (CSM) | UX Researcher | Youtuber | Tech Writer

Responses (1)