Template:Su: Difference between revisions
Jump to navigation
Jump to search
imported>MJBurrage No edit summary |
No edit summary |
||
| (4 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
<span style="position:relative; display:inline-block; min-width:{{#expr: {{#len:{{{1|}}}}} * {{{fs|.67}}} }}ch;"><sup style=" | <span style="position:relative; display:inline-block; vertical-align:text-top; line-height:1.4; {{#switch:{{{a|}}} | ||
|r =text-align:right; | |||
|c =text-align:center; | |||
|l =text-align:left; | |||
|}} min-width:{{{w|{{#expr: {{#len:{{{1|}}}}} * {{{fs|.67}}} }}ch}}}; {{#switch:{{{ff|x}}} | |||
|ms=font-family:Consolas,monospace; | |||
|x = | |||
|font-family:{{{ff}}};}}"><sup style="position:absolute; left:0; right:0; margin:0 auto; font-size:{{{fs|.67}}};">{{{p|{{{1|}}}}}}</sup><span style="position:absolute;"> </span><sub style="font-size:{{{fs|.67}}};">{{{b|{{{2|}}}}}}</sub></span><noinclude>| | |||
<span style="display:inline-block; margin-bottom:-0.3em; vertical-align:{{#if:{{{b|{{{2|}}}}}}|-0.25em|0.8em}}; line-height:1.2em; {{#ifeq:{{{w|}}}|f | <span style="display:inline-block; margin-bottom:-0.3em; vertical-align:{{#if:{{{b|{{{2|}}}}}}|-0.25em|0.8em}}; line-height:1.2em; {{#ifeq:{{{w|}}}|f | ||
| Line 7: | Line 14: | ||
|l|left=left | |l|left=left | ||
|left}};">{{{p|{{{1|}}}}}}<br>{{{b|{{{2|}}}}}}</span> | |left}};">{{{p|{{{1|}}}}}}<br>{{{b|{{{2|}}}}}}</span> | ||
== Notes == | |||
The example below is cleaner, but does not work as expected in IE. | |||
<pre> | |||
<span class="over-under" {{#if:{{{3|}}}|style="text-align:{{{3}}};"|}}><sup>{{{1|}}}</sup><br><span>{{{1|}}} {{{2|}}}</span><sub>{{{2|}}}</sub></span> | |||
.over-under { | |||
display:inline-block;text-align:center;font-weight:bold;text-transform:uppercase; | |||
font-size:50%;margin-bottom:-0.25em;vertical-align:-0.25em;line-height:1em;} | |||
.over-under>sup, .over-under>sub, .over-under>br { | |||
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; | |||
font-size:inherit;line-height:inherit;vertical-align:baseline;} | |||
.over-under>span { | |||
position:absolute;left:-9999px;top:auto;text-transform:none; | |||
width:1px;height:1px;overflow:hidden;} | |||
</pre> | |||
</noinclude> | </noinclude> | ||
Latest revision as of 15:43, 26 November 2018
|
Notes
The example below is cleaner, but does not work as expected in IE.
<span class="over-under" {{#if:{{{3|}}}|style="text-align:{{{3}}};"|}}><sup>{{{1|}}}</sup><br><span>{{{1|}}} {{{2|}}}</span><sub>{{{2|}}}</sub></span>
.over-under {
display:inline-block;text-align:center;font-weight:bold;text-transform:uppercase;
font-size:50%;margin-bottom:-0.25em;vertical-align:-0.25em;line-height:1em;}
.over-under>sup, .over-under>sub, .over-under>br {
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
font-size:inherit;line-height:inherit;vertical-align:baseline;}
.over-under>span {
position:absolute;left:-9999px;top:auto;text-transform:none;
width:1px;height:1px;overflow:hidden;}