鐒跺悗鐢–SS鎺у埗textarea锛屼娇鍏惰劚绂绘枃妗ｆ祦锛屾棤娉曡鐪嬪埌鍜岃Е鍙戦紶鏍囦簨浠剁瓑锛坱extarea鏍囩涓殑readonly鍜宼abIndex灞炴€ф槸蹇呴』鐨勶級锛?ellipsis-containertext-alignleftpositionrelativeline-height1.5padding0!important.textarea-containerpositionabsoluteleft0right0pointer-events鏃犱笉閫忔槑搴?z-index-1textarea鍨傜洿瀵归綈涓棿濉厖0璋冩暣澶у皬鏃犳孩鍑洪殣钘忓瓧浣撳ぇ灏忕户鎵胯楂樼户鎵胯疆寤撴棤杈规鏃?銆傚浣曡绠楀瓧绗︿覆鎴彇闀垮害x鈥斺€斿弻杈归€艰繎娉曪紙浜屽垎娉曟€濈淮锛夊彧瑕佽兘鍒ゆ柇涓€娈垫枃瀛楁槸鍚﹁秴杩囨寚瀹氳鏁帮紝閭ｄ箞鎴戜滑灏卞彲浠ュ姩鎬佸湴灏濊瘯鎴彇瀛楃涓诧紝鐩村埌鎵惧埌鍚堥€傜殑鎴彇闀垮害x.杩欎釜闀垮害瓒充互浠巟浣嶇疆寮€濮嬫埅鏂瓧绗︿覆锛屽墠鍗婇儴鍒?鈥?..鏌ョ湅鍏ㄩ儴鈥濈瓑鏂囧瓧鍒氬ソ涓嶄細瓒呰繃瑙勫畾鐨勮鏁癗锛屼絾濡傛灉鍐嶆埅鍙栦竴涓瘝锛屽氨浼氳秴杩嘚琛屻€傛渶鐩磋鐨勬€濊矾鏄洿鎺ラ亶鍘嗭紝璁﹛浠?澧為暱鍒版樉绀烘枃鏈殑鎬婚暱搴︼紝瀵箈鐨勬瘡涓€涓€硷紝璁＄畻鏂囨湰鏄惁瓒呰繃N琛岋紝濡傛灉娌℃湁锛岀户缁亶鍘嗭紝寰楀埌鍚堥€傜殑闀垮害x-1銆佽烦鍑哄惊鐜€傚綋鐒秞涔熷彲浠ヤ粠鏂囨湰鎬婚暱搴﹀紑濮嬮檷搴忛亶鍘嗐€備絾鏄繖閲屾渶澶х殑闂鏄祻瑙堝櫒鐨勫洖娴佸拰閲嶇粯銆傚洜涓烘垜浠瘡娆℃埅鍙栧瓧绗︿覆锛屾祻瑙堝櫒閮介渶瑕侀噸鏂版覆鏌擄紝鐪嬫槸鍚﹁秴杩嘚琛屻€傚湪杩欎釜杩囩▼涓細瑙﹀彂娴忚鍣ㄧ殑閲嶇粯鎴栬€呴噸鎺掞紝姣忎釜寰幆閮戒細瑙﹀彂涓€娆°€傚浜庢甯哥殑闇€姹傦紝鍋囪N鐨勫€间负3锛屽緢鍙兘姣忔璁＄畻閮戒細閫犳垚50娆′互涓婄殑閲嶇粯鎴栬€呭洖娴侊紝涓棿娑堣€楃殑鎬ц兘杩樻槸闈炲父澶х殑銆備竴涓嶅皬蹇冿紝鍙兘灏辨槸鍑犲崄姣锛岀敋鑷冲嚑鐧炬绉掋€傝繖涓绠楄繃绋嬪簲璇ュ湪涓€涓换鍔★紙鍗虫墍璋撶殑鈥滃畯浠诲姟鈥濓級涓畬鎴愶紝鍚﹀垯鍦ㄨ绠楄繃绋嬩腑浼氬嚭鐜伴棯鐑佺殑鈥滃紓甯糕€濇儏鍐碉紝鎵€浠ュ彲浠ヨ璁＄畻杩囩▼琚樆濉炰簡锛屾墍浠ユ€荤殑璁＄畻鏃堕棿蹇呴』瑕佹帶鍒跺埌寰堜綆锛屼篃灏辨槸鍑忓皯璁＄畻娆℃暟銆傚彲浠ヨ€冭檻浣跨敤鈥滃弻杈归€艰繎娉曗€濓紙鎴栤€滀簩鍒嗘硶鈥濓級瀵绘壘鍚堥€傜殑鎴彇闀垮害x锛岃繖鏍峰彲浠ュぇ澶у噺灏戝皾璇曟鏁般€傜涓€娆′互鏂囨湰闀垮害浣滀负鎴彇闀垮害锛岃绠楁槸鍚﹁秴杩嘚琛岋紝涓嶈秴杩囧垯鍋滄璁＄畻锛涘鏋滆秴杩囷紝鍙?/2闀垮害鎴彇锛屽鏋滄鏃朵笉瓒呰繃N琛岋紝鍒欒绠椾粠1/2闀垮害鍒版枃鏈暱搴︿箣闂寸户缁簩鍒嗘煡鎵撅紝濡傛灉瓒呰繃锛岀户缁箣闂翠簩鍒嗘煡鎵?鍜?/2鏂囨湰闀垮害銆傜洿鍒版悳绱㈠尯闂寸殑璧峰鍊煎拰缁撴潫鍊间箣宸负1锛岃捣濮嬪€煎氨鏄兂瑕佺殑鍊笺€傚叿浣撳疄鐜板彲浠ョ湅涓嬮潰鐨勫畬鏁翠唬鐮併€?.鐩戝惉椤甸潰鍙樺寲瀵逛簬Vue椤圭洰锛屼紶鍏ョ粍浠剁殑瀛楃涓插拰琛屾暟闅忔椂閮藉彲鑳藉彂鐢熷彉鍖栥€傚彲浠ヨ瀵熻繖浜涘睘鎬х殑鍙樺寲锛岀劧鍚庨噸鏂拌绠楁嫤鎴暱搴︺€傚彟涓€鏂归潰锛屽浜庨〉闈㈠竷灞€鏉ヨ锛岄〉闈㈠竷灞€鍙兘浼氬洜涓哄叾浠栭〉闈㈠厓绱犵殑澧炲噺鎴栬€呮牱寮忕殑鏀瑰彉鑰屾敼鍙橈紝浠庤€屽奖鍝嶆枃鏈鍣ㄧ殑瀹藉害銆傝繖鏃讹紝鎷︽埅闀垮害涔熷簲璇ラ噸鏂拌绠椼€傛兂瑕佺洃鍚枃鏈鍣ㄥ搴︾殑鍙樺寲锛屽彲浠ヨ€冭檻浣跨敤ResizeObserver鏉ョ洃鍚紝浣嗘槸杩欎釜鎺ュ彛鐨勫吋瀹规€т笉澶熷ソ锛堟墍鏈夌増鏈殑IE閮戒笉鏀寔锛夛紝鎵€浠ユ垜閫夋嫨浜嗕竴涓猲pm搴揺lement-resize-瑕佺洃鎺х殑妫€娴嬪櫒锛堥潪甯告湁鐢煈嶏級銆備笁銆佷唬鐮佸疄鐜板畬鏁寸殑浠ｇ爜瀹炵幇濡備笅锛?template>