# htmlgogogo

**Repository Path**: gamejan/htmlgogogo

## Basic Information

- **Project Name**: htmlgogogo
- **Description**: html学习
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://gamejan.gitee.io/htmlgogogo
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-04-16
- **Last Updated**: 2021-12-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 小米商城问题记录

## 浮动造成边框崩塌问题

```css
.container::after{
    content: "";
    display: table;
    clear:both;
}
```

`display: table`可以触发BFC块格式化上下文, 限制其内部元素float的不影响到BFC外面.

清除float样式可以解决边框崩塌问题

## 回车造成空格问题

```css
.topbar-nav{
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 0;
}
.topbar-nav span{
    font-size:12px;
    color: #424242;
    font-faimily:sans-serif;
    margin: 0.5em;
}
```

先将font-size变成0，然后再设置size属性

## 字体上下居中问题

```css
.topbar-nav{
    float: left;
    height: 40px;
    line-height: 40px;
}
```

设置height和line-height和父标签一致即可

## 对于矢量图的应用

目的：对于搜索标签的value进行icon的替换

解决方法：先去阿里iconfont进行下载，然后导入相关css文件，在class里面引用，然后用unico码填入value

```css
<input type="submit" value="&#xe63c;" class="search-btn iconfont">
```

<<<<<<< HEAD
效果：![image-20200416094246292](C:\Users\Jan\AppData\Roaming\Typora\typora-user-images\image-20200416094246292.png)

## cursor使用

pointer为点击小手状态

## 三角锋绘制

=======
效果：![输入图片说明](https://images.gitee.com/uploads/images/2020/0416/134315_0b59781f_7457080.png "屏幕截图.png")

## cursor使用

pointer为点击小手状态
>>>>>>> 1042a563b24f1cb89c3e3f4407273886db9c60e8

## vue-mistore的问题

在vue的项目里面，建议把打的图片放到public里面，小的图片比如icon和css等可以放到assets里面，因为webpack会将其打包成base64文件来减少请求