CSS居中总结

css居中是布局中常见的，在看了网上一些资料后加以总结，侵删

水平居中

子元素为行内元素

父元素设置text-align:center
子元素设置为行内元素，如display:inline-block
(子元素内文字也会居中）

前端css

more >>

ajax+jsonp跨域搜索的实现

静态内容的实现

有一个居中背景图，图里嵌套一个logo加表单form

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<body>
  <div class="bg-div">
    <div class="search-box">
      <div class ="logo"></div>
      <form id="search-form" action="https://cn.bing.com/search" target="_blank" id="search-form">
        <input type="text" class="search-input-text" id="search-input" autocomplete="off" name="q">
        <input type="submit" class="search-input-button" value="" id="search-submit">
      </form>
    </div>
  </div>
  <div class="suggest" id="search-suggest" style="display:none">
    <ul id="search-result">
      <li>搜索结果1</li>
      <li>搜索结果2</li>
    </ul>
  </div>
</body>
前端JavaScriptajax

more >>