How to center the entire ion-content



i am wondering if there is a way to center the content inside ion-view without specifying the height or width.

I have seen some examples over the web, but they break when using with ionic

<ion-view hide-nav-bar="true" has-header="false">
            some content

any ideas?

How to center a div horizontally and vertically inside a ion-content

Did try this: ?


i did… can you be more specific?

i could do:

<div class="row" style=" height: 500px;">
     <div class="col col-center">
          <div class="col-demo">.col</div>

but i have to give it a height


the solution i came up with is to use some JS

<ion-content id="home-content">
    <div class="row" ng-style="pageHeight">
         <div class="col col-center">
              <div class="col-demo">.col</div>

var homeHeight = document.getElementById('home-content').clientHeight;
$scope.pageHeight = {height: homeHeight + 'px'};

but would be nice to have a full css solution


Using columns and