Center display within window.
This commit is contained in:
1 parent
4a5880cf82
commit
95a61ceb14
2 files changed
+21
-1
No files matched your search
@@ -33,7 +33,11 @@
|
||||
<body>
|
||||
|
||||
<!-- Display -->
|
||||
<div id="display">
|
||||
<div class="displayOuter">
|
||||
<div class="displayMiddle">
|
||||
<div id="display">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- On-screen keyboard -->
|
||||
|
||||
@@ -138,6 +138,22 @@ div.dialog p {
|
||||
color: #D44;
|
||||
}
|
||||
|
||||
div.displayOuter {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: table;
|
||||
}
|
||||
|
||||
div.displayMiddle {
|
||||
width: 100%;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#display * {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user