Home >Web Front-end >HTML Tutorial >Please tell me about css truncation! _html/css_WEB-ITnose
Please tell me about css truncation! _html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:21:11996browse
css truncation
Use .test{display: inline-block;width: 200px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis The ;} method creates a truncation effect and can be tested on a separate page. However, after being placed in the project, the controlled text has no truncation effect and is always on the left.Please give me some advice!
Reply to the discussion (solution)
As long as the code is the same, the dtd of the page is the same, and the browser is the same, it should be OK
Thank you moderator for the advice! I feel that it may be affected by the referenced style sheet, but I haven't found the specific style that causes it!
Problem solved, posted!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：It displays normally in IE, but it is too confusing to display in Firefox and Google Chrome... Please give me some advice from experts._html/css_WEB-ITnoseNext article：It displays normally in IE, but it is too confusing to display in Firefox and Google Chrome... Please give me some advice from experts._html/css_WEB-ITnose