摘要：最近一段时间在准备面试——>实习找工作 记录一位hr提的一个问题：元素分三栏，左右200px,中间自适应(我这里暂且把高度设为100px） 方式一：使用flex布局实现(这里我用到了css的方法calc()计算宽度) 代码: html <div class="outer-wrap"> <div cl 阅读全文

摘要：<div><span>我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。我是多行文字。</span></div> <div><span>我是多行文字。</span></div> 样式： div{ text-align:cen 阅读全文

摘要：代码：css代码 .wrap{ display: flex; margin: 10px; flex-wrap: wrap; } @media screen and (max-width:569px) { .list-group{ width: 100%; } } @media screen and 阅读全文

摘要：实现文本省略: <!-- html代码 --> <p class="single">该文的主题思想即对自由境界的向往。朱自清当时虽置身在污浊黑暗的旧中国，但他的心灵世界则是一片澄澈明净，他的精神依然昂奋向上。朱自清把他健康高尚的审美情趣，把他对美好事物的无限热爱，将他对人生理想的不懈追求熔铸到文章中 阅读全文