正文

markdown有用的网页提示(代码片段)

author  author  2022-12-16  608

关键词：

## CSS Buttons
* Buttons may look similiar on different browsers but may look totally different when viewed
from mobile devices, quick fix: `.btn -webkit-appearance: none;  `
* Apply your own **specific** styles for your button to ensure they look similar across 
other browsers (some may add their own styles to the button)

---

## IE9+
* Scrollbar may appear when you hide a container that may contain a list of items, to fix 
this on IE10+: `-ms-overflow-style: none;`
* Apply this code in the css file for that container!

---

## Mapbox Map not showing in container (Bootstrap)
* When using bootstrap columns and using % for the width and height of a map, **make sure to
give the parent container a fixed height and width** to ensure that you are able to set the 
width and height of the map to 100%

---

## Attaching an arrow tab to a side nav-menu
* To create this feature of having a small tab to hide and show a listing menu
    * Create a main `div` element with `position: relative`
    * Inside this `div`, create 2 more `div` elements:
      * One that will contain the arrow icons `id='toggle_arrows'`
      * The other to contain the list of items `id='listings'`
    * `div#toggle_arrows` should have:
      
      ```css
      position: absolute
      top: 0;
      right: #px
      ```
      
      * `#px` will have to be determined depending on the size of the button
    * This will create an arrangement such that the arrow div will sit next to the parent
    div on the right side.
* Use jquery to animate the width and height to 0px so that only the `div#toggle_arrows`
will show when you want to close the menu
* As you animate the width, the `div#toggle_arrows` will follow

---

## Aligning a Button With a Search Field
* Using a rails `form_for` and want to align the search field with the button, add:

```
  vertical-align: top;
```

正文

markdown有用的网页提示(代码片段)

markdown关于react-native的常见样式修复和有用提示(代码片段)

markdown有用的片段(代码片段)

markdown有用的链接(代码片段)

markdown有用的命令(代码片段)

markdown有用的别名(代码片段)

markdown有用的工具(代码片段)

markdown有用的命令(代码片段)

markdown有用的列表(代码片段)

markdown有用的宝石(代码片段)

markdown有用的链接(代码片段)

markdown一些有用的网站代码(代码片段)

markdown有用的服务（链接）(代码片段)

markdown有用的实用程序(代码片段)

markdown有用的开源软件(代码片段)

markdown一些有用的词(代码片段)

markdown三个有用的网络(代码片段)

markdown有用的wordpress插件片段(代码片段)

markdown有用的linux命令(代码片段)