仿饿了么网页布局

原创 2018年04月15日 00:48:13

1.在页面中常遇到两个div排在一排的情况

    <div class="head">
      <div class="content-left"></div>
      <div class="content-right"></div>
    </div>

一种解决方法

.head .content-left {
    display: inline-block;
}
.head .content-right {
    display: inline-block;
}

2.在页面中我们遇到图片旁的字体会离图片有一小段距离,如下:
这里写图片描述
解决方法:可以事先在两者的父元素上,将font-size: 0,后面用到字体大小时再设置

3.如何实现非常多的字在一行显示不完,显示省略号,如下:
这里写图片描述
关键的css设置:

      white-space: nowrap
      overflow: hidden
      text-overflow:ellipsis

vue-cli构建Vue应用的学习总结

 “Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现...
  • qq_38767668
  • qq_38767668
  • 2018-04-15 14:40:08
  • 45

【慕课网实战课程笔记】Vue.js高仿饿了么外卖App

第1章:课程简介 第2章:Vuejs介绍 Ctrl+Alt+l 快捷整理代码 第3章:Vue-cli开启Vuejs项目 全局安装vue-c...
  • lsy__lsy
  • lsy__lsy
  • 2018-04-13 10:10:32
  • 72

基于react+redux仿饿了么

基于react+redux仿饿了么
  • DeepLies
  • DeepLies
  • 2017-10-12 14:27:46
  • 1059

仿饿了么网页布局

1.在页面中常遇到两个div排在一排的情况 一种解决方法.head .content-left { display: inline-block; }...
  • NeXTSTEP110
  • NeXTSTEP110
  • 2018-04-15 00:48:13
  • 114

使用React模仿大众点评

技术栈: https://github.com/Topthinking/react-webapp-dianping react + react-router4.1 + redux + le...
  • sinat_17775997
  • sinat_17775997
  • 2017-05-19 17:04:43
  • 2866

仿饿了么软件

  • 2016年05月29日 19:22
  • 5.69MB
  • 下载

vue2.0仿饿了么webapp

vue app
  • xqnode
  • xqnode
  • 2017-03-12 15:44:56
  • 4326

vue高仿<em>饿了吗</em>课程

<em>React</em>.mp4 │ 2-5 Vuejs介绍-Vuejs核心思想.mp4 │ ├─第03章 Vue-cli...(模拟后台数据).mp4 │ ├─第05章 项目实战-<em>页面</em>骨架开发│ 5-1 组件拆分...
  • 2018年04月18日 00:00

仿饿了么 + - 自定义View

我们的效果图在录制gif的时候有点卡顿,感觉控件中的动画看得不是很清楚,此自定义控件是有旋转和向右扩展和收缩的效果的自定义属性 ...
  • qq_35446886
  • qq_35446886
  • 2017-03-03 11:26:54
  • 501

Android自定义控件——仿饿了么联动ListView

前几天,群里一哥们儿私聊我,问我会不会二级联动,当时的我是一脸懵逼啊,曾经听人提起过,但是自己也没用过,也没尝试着去做,正好趁这个机会就学学呗,Demo还是这哥们儿给我的呢……...
  • lilinxiong
  • lilinxiong
  • 2017-04-18 22:44:46
  • 3572
收藏助手
不良信息举报
您举报文章:仿饿了么网页布局
举报原因:
原因补充:

(最多只允许输入30个字)