Use variable in style, without spaces

Question

I have this code:

<div class="testexample" style="top:@example.Y px"></div>

I thought this would work fine, but the browser is complaining about the spaces in the style.

(Invalid property value)

Any ideas to solve this?

Do you have to have px in the string? Can't px be a part of the variable? — Reality-Torrent, Jan 23 '17 at 11:30
@Reality-Torrent the values are coming directly out of the database, so no. — Max, Jan 23 '17 at 11:44
@StephenMuecke why do you (almost) always post the answer in a commant? I've seen this multiple times in my, and other questions. — Max, Jan 23 '17 at 12:22

score 3 · Accepted Answer · answered Jan 23 '17 at 11:34

3

You can put the whole string inside an expression syntax like this:

<div class="testexample" style="top:@(example.Y + "px")"></div>

answered Jan 23 '17 at 11:34

Ghasan غسان

Super User · Answer 2 · 2017-01-23T12:35:29.900

0

instead of this you can use it in calc

<div class="testexample" style="top:calc( @example.Y )px"></div>

or

<div class="testexample" style="top:(@example.Y)px"></div>

edited Jan 23 '17 at 12:35

answered Jan 23 '17 at 11:32

Super User

2 Answers2