The md-truncate component displays a label that will automatically clip text which is wider
than the component. By default, it displays an ellipsis, but you may apply the md-clip CSS
class to override this default and use a standard "clipping" approach.
Note: The md-truncate component does not automatically adjust it's width. You must
provide the flex attribute, or some other CSS-based width management. See the
demos for examples.
<md-truncate> provides two CSS classes that you may use to control the type of clipping.
Note: The md-truncate also applies a setting of width: 0; when used with the flex
attribute to fix an issue with the flex element not shrinking properly.