fix #5686 - [preview image] Some display issues for image info in preview image.

The following changes address #1 of bug #5686: When resizing the width of the window smaller, the top two lines of text will wrap. I don't think we should wrap these two lines of image info, just let them being clipped if they don't fit inside the window width.

This pull requests makes the following changes
1. make image meta data strings not wrap
2. add ellipsis to image meta data when clipping
3. add title attribute to allow viewing the full path and meta data when text is clipped.