在網頁布局中，使用float有不少好處，可以為你帶來更加自由的布局，還可以自動根據瀏覽器改變布局效果。但是使用多了你也可能發現有乙個問題，使用了float之後，外層的div不會撐高，導致布局出現坍塌。這裡有乙個解決方案是使用inline-box來布局（當然你也可以清楚浮動）。
下面給出乙個demo：
<html
xmlns
="">
<
head
>
<
title
>使用inline-box代替float
title
>
<
style
>
.main
.main img
.main ul
style
>
head
>
<
body
>
<
div
class
="main"
>
<
img
src=""
alt="葉小釵"
/>
<
ul>
<
li>湛江師範學院
li>
<
li>湛江師範學院
li>
<
li>湛江師範學院
li>
<
li>湛江師範學院
li>
<
li>湛江師範學院
li>
<
li>湛江師範學院
li>
<
li>湛江師範學院
li>
<
li>湛江師範學院
li>
ul>
div>
body
>
html
>
就這樣，你也可以實現左右布局而不必使用float。*display:inline;zoom:1;這兩句是為了相容ie6這些舊瀏覽器而寫的。
使用Join代替In
我們知道，在sql中使用in讓我們的where子句可以規定多個值。當需要從乙個集合中查詢包含某幾個值的記錄的時候，通常我們會選擇使用in來實現，其實，使用join也可以實現這樣的功能，而且效能要比in好。我會從以下幾個方面來進行總結。使用in和join的效能對比 ef中如何使用join來代替in 首...
使用exists代替in
select from class a where id in select id from class b select from class a a where exists select from class b b where a.id b.id 分析 上述兩種方法查詢結果一樣，但exist...
Linux下使用Gunicorn部署flask專案
gunicorn很容易配置，對cpu的消耗很少，且相容性好。支援了很多worker模式，推薦的模式有以下幾種 同步worker 也是預設模式，也就是一次只處理乙個請求。非同步worker 通過eventlet gevent實現的非同步模式。非同步io worker 目前支援gthread和gaioh...