Hannes Weninger: span Zeilenumbruch

Beitrag lesen

Hallo,

ich habe folgenden AngularJS HTML- Code unten, die spans sind in einer Tabelle. Durch die spans bekomme ich einen Zeilenumbruch, wenn ich z.B. "<span ng-switch-when='CHARTVIEW'>" weggebe, dann passt sich der span genau der Zeilen- Höhe an. Hier ist noch das css:

.scheduleTable .timerange {
  display: inline-block;
  font-size: .86em; 
  color: white; 
  font-weight: bold; 
  padding: .5em .2em .6em .2em; 
  margin: .1em;
  cursor: help;
}

In Chrome wird übrigens kein Zeilenumbruch gemacht. Was kann ich machen, damit der Zeilenumbruch in Firefox nicht gemacht wird.

Danke! Hannes

<span ng-switch-default ng-switch="vm.viewType">
   <span ng-switch-when='TABLEVIEW'>
	{{ vm.split(relevantObject.start, ' ', 1) }}-{{ vm.split(relevantObject.end, ' ', 1) }}
    </span>
    <span ng-switch-when='CHARTVIEW'>
        default
     </span>
<span ng-switch-default></span>
</span>