奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > 前端面试通 > 笔经面经 >

三道Web前端面试题

时间:2017-10-31 21:23来源:百面网 作者:
文本内容溢出后用省略号代替显示:这个可以直接用 text-overflow 来完成,当时竟然没有记起来这个属性。。。兼容 IE /
  1. 文本内容溢出后用省略号代替显示:

    这个可以直接用 text-overflow 来完成,当时竟然没有记起来这个属性。。。兼容 IE / FF / Chrome

    .text {
     width:100px;
     height: 30px;
     overflow: hidden;
     white-space: nowrap;
     tetx-overflow: ellipsis;
    }
  2. 三列布局,左右两列不定宽,中间自适应:

    这道题我的思路是用 flexbox 实现,其实实现的方法也很多,可以使用 浮动 / 绝对定位等

      .container {
        position: relative;
        height: 50px;
        border: 1px solid #111;
        line-height: 50px;
      }
      .left,
      .right {
        position: absolute;
        top: 0;
      }
      .left {
        left: 0;
        background-color: darkkhaki;
      }
      .right {
        right: 0;
        background-color: cadetblue;
      }
  3. 鼠标滑过用户头像时出现一张卡片,鼠标移出头像时卡消失,同时鼠标在卡片上时卡片保持显示状态:

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
小邱 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-11-26 17:11 最后登录:2018-06-11 16:06
栏目列表
推荐内容

关注奔三路小程序,方便你我他