See: Http://ionicframework.com/docs/css/components
Code One: www/index.html
<body ng-app= "Myreddit" ng-controller= "Redditctrl" ><ion-pane> <ion-header-bar class= " Bar-positive ">
Code two: Www/css/style.css
/* Empty. Add your own CSS if you like */h2.story-title { white-space:normal; Height:3.6em;}
After setting 3.6em. The title bar will probably occupy a height of three rows, so that the domain line is closer to the bottom and looks more beautiful.
Ionic List Component Basic usage <ul class= "list" ><li class= "item" >xxx</li></ul>
Where the picture can be set to Item-avatar-left or Item-thumbnail-left
text-overflow: ellipsis;
- white-space: nowrap;
This is the default style for the H2 title bar if the title is too long the end will be truncated and displayed as ..., set to White-space:normal, you can wrap the display. Or you can add item-text-wrap directly to a.
Final effect:
Ionic List Component