随笔分类 - CSS探索

CSS实现单行与多行文字截断

摘要：<style> main { width: 100%; display: flex; flex-direction: column; align-items: center; } p { width: 329px; text-align: justify; hyphens: auto; overfl 阅读全文

posted @ 2022-08-16 17:15 SuanYunyan 阅读(149) 评论(0) 推荐(0) 编辑

CSS 导航栏底线向两边延伸动画

摘要：利用元素向左移动的同时，宽度变长，实现两边延伸效果。 react代码： <ul className="tab"> { moduleList.map((item: any, index: number) => { return (<li key={item.mkId} data-index={inde 阅读全文

posted @ 2022-07-22 09:53 SuanYunyan 阅读(199) 评论(0) 推荐(0) 编辑