It is required to display two lines of text, and the redundant text is replaced by three points. Therefore, these non-standard attributes are used
Later, it was found that the code was well written. When it came to the page, there was no response, just like it was not written. F12 looked at it and found that it was – WebKit Box Original: vertical; this attribute was lost, which led to ineffectiveness. In styles, it would be good to add this attribute, so it was concluded that the compilation process led to the loss of this attribute.
A feasible solution is found on the Internet. Turn off the autoprefixer. There is a way to write:
/*! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */
In this way, it does solve the problem of compilation loss, but it will report warning during compilation, and finally find the best solution on GitHub, as follows
/* autoprefixer: ignore next */ -webkit-box-orient: vertical;
The problem is solved perfectly, and warning will not be reported.
The above is the whole content of this article. I hope it will help you in your study, and I hope you can support developepaer more.