Hide ellipsis does not wrap tips and / Indent spacer alphabetic character attributes beyond a single line

  1. Fixed width, text display incomplete, use white_space : nowrap to force all the text on the same line until the end of the text or objects encounter br
  2. BREAK-Word : All e.g. BREAK-wide div 400px, 400px to its contents will wrap, the end of the line if there are English words long (Congratulation, etc.), it will truncate the word, into the end of the row is conra (the front end portion of congratulation), the next behavior tulation (conguatulation) of the rear end portion.
  3. wrap-Word : BREAK-Word example as above, but with the difference that it will congratulation whole word as a whole, if the end of the line is not wide enough to display the entire word, the entire word it automatically into the next line, without the words cut out.
  4. word-spacing: the spacing between words to English words into effect, Chinese and English letters do not take effect

    letter-spacing: the spacing between words of English letters and Chinese take effect

    indent-text : indent pixel, a predetermined first line of text in the text block indentation.

    height-Line : Line spacing overlaying

    .content {
      font-size: 16px;
      text-indent: 32px;
      line-height: 25px;
      letter-spacing: 1.5px;
    }

.content{

white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis

}

 

Guess you like

Origin www.cnblogs.com/shirleysblog/p/11827042.html