reactまたはcssは、複数行のテキストが省略記号を超えていることを実現します.
特に注意:-webkit-box-orient属性はautoprefixerの存在によりフィルタリングされるため、開発者ツールF 12でその属性を見つけることができず、複数行の末尾省略記号効果が現れない
解決方法:
通常の書き方はそうですがreactには適用されません.
皆さんがネットで見たこの属性はこのように書かれていることに注意してください.
-webkit-box-orient: vertical;
解決方法:
/* autoprefixer: off */
-webkit-box-orient: vertical;
CSSの書き方:
width: 200px; // flex ,
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
/* autoprefixer: off */
-webkit-box-orient: vertical;
通常の書き方はそうですがreactには適用されません.
Reactのjsxの書き方はこうです。
width: 200, // flex ,
overflow : 'hidden',
textOverflow: 'ellipsis',
display: '-webkit-box',
webkitLineClamp: '2',
webkitBoxOrient: 'vertical',
皆さんがネットで見たこの属性はこのように書かれていることに注意してください.
webkitLineClamp:
2
!!! '2'...