BFC，hasLayout

块格式化上下文 Block formatting context
行内格式化上下文 Inline formatting context

它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。

创建BFC

• 浮动元素
• 绝对定位元素
• 行内块元素
• 单元格
• 表格标题元素
• overflow 非 "visible"的元素
• css3中flex boxes

IE 专有的 Layout 及 hasLayout 属性

'Layout' 是 IE 的专有概念，它决定了元素如何对其内容进行定位和尺寸计算，与其他元素的关系和相互作用，以及对应用还有使用者的影响。

概念说明：
'Layout' 可以被某些 CSS property（特性）不可逆的触发，而某些 HTML 元素本身就具有 layout 。
'Layout' 在 IE 中可以通过 hasLayout 属性来判断一个元素是否拥有 layout ，如 object.currentStyle.hasLayout 。
'Layout' 是 IE 浏览器渲染引擎的一个内部组成部分。在 IE 浏览器中，一个元素要么自己对自身的内容进行组织和计算大小， 要么依赖于包含块来计算尺寸和组织内容。为了协调这两种方式的矛盾，渲染引擎采用了 'hasLayout' 属性，属性值可以为 true 或 false。 当一个元素的 'hasLayout' 属性值为 true 时，我们说这个元素有一个布局（layout），或拥有布局。
触发方式：
默认拥有布局的元素：

, 
, , 
, 

,

, , , , <fieldset>, <legend>
<iframe>, <embed>, <object>, <applet>,<marquee>
</code></pre> 
 <p>可触发 hasLayout 的 CSS 特性：<br> display: inline-block<br> height: (除 auto 外任何值)<br> width: (除 auto 外任何值)<br> float: (left 或 right)<br> position: absolute<br> writing-mode: tb-rl<br> zoom: (除 normal 外任意值)<br> IE7 还有一些额外的属性(不完全列表)可以触发 hasLayout ：<br> min-height: (任意值)<br> min-width: (任意值)<br> max-height: (除 none 外任意值)<br> max-width: (除 none 外任意值)<br> overflow: (除 visible 外任意值，仅用于块级元素)<br> overflow-x: (除 visible 外任意值，仅用于块级元素)<br> overflow-y: (除 visible 外任意值，仅用于块级元素)<br> position: fixed<br> IE6 以前的版本（也包括 IE6 及以后所有版本的混杂模式，其实这种混杂模式在渲染方面就相当于 IE 5.5）， 通过设置任何元素的 'width' 或 'height'（非auto）都可以触发 hasLayout ； 但在 IE6 和 IE7 的标准模式中的行内元素上却不行，设置 'display:inline-block' 才可以。</p> 
 <h2>hasLayout 和 block formatting context 的异同及可能产生的问题</h2> 
 <p><strong>区别</strong></p> 
 <p>在 IE8(S) 之前的版本中，没有规范中提及的 block formatting context 和 Inline formatting context 概念，而是用 hasLayout 来达到相似的目的。<br> 在 IE 中可通过设置 'width'、'height'、'min-width'、'min-height'、'max-width'、'max-height'、'zoom'、'writing-mode' 来触发 hasLayout，而这些特性值的设置不能够使元素创建 block formatting context。<br> 在 IE 中很多元素默认就是拥有布局的，如 IPUNT, BUTTON, SELECT, TEXTAREA 等，但是这些元素在标准中会形成 Inline formatting context 。</p> 
 <p><strong>共同点</strong></p> 
 <p>两者都是决定了对内容如何定位及大小计算的规则。<br> 两者都决定了与其他元素的相互作用的规则。<br> 'table-cell' 和 'table-caption' 既是 hasLayout 的元素，又是可以创建 block formatting context 的元素。<br> 浮动元素，绝对定位元素，inline-block 元素以及除 'visible' 外任意值的 overflow(IE7) 在 IE 中可以触发 hasLayout，同时在标准中，又可以创建 block formatting context。</p> 
 <p><strong>可能产生的兼容性问题：</strong></p> 
 <p>由于 hasLayout 和 block formatting context 是对一类事物的不同理解，并且他们的启用条件不尽相同，因此如果一个元素设计时，在 IE 早期版本中触发了 hasLayout ，但在其他浏览器中又没有创建 block formatting context，或者相反，一个元素在 IE 早期版本中没有触发 hasLayout ，在其他浏览器中却创建了 block formatting context（如设置了 'overflow:hidden' ），将导致页面布局的重大差异。</p> 
 <p><strong>解决方案</strong><br> 仅当一个元素即在 IE 早期版本中触发了 hasLayout，又在其他浏览器中创建了 block formatting context 时，才能避免上述问题的发生。即同时启用上述两者以保证各浏览器的兼容，或者相反，两者皆不启用。</p> 
 <p>使元素即生成了 block formatting context，又触发了 hasLayout<br> 对于触发 hasLayout 的元素，通过 CSS 设置，使它产生 block formatting context；<br> 生成 block formatting context 但是没有触发 hasLayout 的元素，通过设置 'zoom:1'，使其触发 hasLayout。<br> 使元素即没有触发 hasLayout，又没有创建 block formatting context。</p> 
 <p>w3c传送门：BFC and IFC<br> MDN传送门：Block formatting context</p> 
 <p>参考：<br> 1、BFC：Block Formatting Context.<br> 2、常规流<br> 3、hasLayout</p> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1176848511925301248"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js"></script>
                    <!-- 文章页-底部 动态广告位 -->
                    <div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
                </div>
                <div class="col-md-3">
                    <div class="row" id="ad">
                        <!-- 文章页-右侧1 动态广告位 -->
                        <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_1"> </div>
                        </div>
                        <!-- 文章页-右侧2 动态广告位 -->
                        <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_2"></div>
                        </div>
                        <!-- 文章页-右侧3 动态广告位 -->
                        <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(css2)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1835362025719558144.htm"
                           title="css2中的透明" target="_blank">css2中的透明</a>
                        <span class="text-muted">琪33</span>

                        <div>.out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}</div>
                    </li>
                    <li><a href="/article/1833978180113887232.htm"
                           title="Html-理解前端开发中单位(em单位和rem单位)和网络地址" target="_blank">Html-理解前端开发中单位(em单位和rem单位)和网络地址</a>
                        <span class="text-muted">2401_87029623</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E8%BE%85%E5%AF%BC%E5%A4%A7%E5%8E%82%E5%86%85%E6%8E%A8/1.htm">面试辅导大厂内推</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>emem是CSS2引入的相对单位，作为字体大小使用时和百分比单位类似，都是相对于最近的父元素设置字体大小，为标签元素设置字体大小为100%和设置字体大小为1em是一样的效果，默认情况下浏览器的字体大小为16px，这样只要浏览器默认的字体大小不变，1em=16pxDocument可可可可可可可可可可效果图px一般我都是使用px来设置我们的文本，因为它比较稳定和精确。但是px本身却存在一些问题，当用户</div>
                    </li>
                    <li><a href="/article/1830276572196728832.htm"
                           title="【前端实例代码】使用html+css+JavaScript实现带有波浪跳跃动画的登录表单页面" target="_blank">【前端实例代码】使用html+css+JavaScript实现带有波浪跳跃动画的登录表单页面</a>
                        <span class="text-muted">南北极之间</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E7%89%B9%E6%95%88%E6%BA%90%E7%A0%81/1.htm">web前端特效源码</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%BB%A3%E7%A0%81%E5%AE%9E%E4%BE%8B/1.htm">网页设计代码实例</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
                        <div>效果图：完整代码：【前端实例代码】使用html+css+JavaScript实现带有波浪跳跃动画的登录表单页面@importurl("https://fonts.googleapis.com/css2?family=Muli&display=swap");*{box-sizing:border-box;</div>
                    </li>
                    <li><a href="/article/1827363781974519808.htm"
                           title="CSS3【待总结学习】" target="_blank">CSS3【待总结学习】</a>
                        <span class="text-muted">GISer_Jinger</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E7%9B%AE/1.htm">面试题目</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                        <div>CSS3是CascadingStyleSheets（层叠样式表）的第三个版本，它是前端开发中用于控制网页布局和样式的重要技术。CSS3在CSS2的基础上引入了众多新特性和功能，大大增强了网页设计和交互的能力。以下是对CSS3的详细解析：一、CSS3概述CSS3是CSS技术的升级版本，它于1999年开始制订，并在后续年份中不断完善。CSS3的一个主要变化是将规范分成了一系列模块，每个模块负责一个特定</div>
                    </li>
                    <li><a href="/article/1827265349133889536.htm"
                           title="CSS2基础（part-2 继续part-1）" target="_blank">CSS2基础（part-2 继续part-1）</a>
                        <span class="text-muted">超雄代码狂</span>
<a class="tag" taget="_blank" href="/search/CSS%E5%90%88%E9%9B%86/1.htm">CSS合集</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a>
                        <div>CSS2基础基础简介【全称】CascadingStyleSheets，又名层叠样式表层叠：一层一层涂上去表：列表样式：如文字大小，颜色，元素宽高等。CSS描述了在屏幕、纸质、音频等其他媒体上的元素应该如何被渲染的问题。语言类型标记语言，为HTML结构美化样式，实现**语义与效果的分离**，更好地美化网页，优化网页结构作用于HTML的方式行内样式（不推荐）语法：title缺点：工作量大，效率低下ht</div>
                    </li>
                    <li><a href="/article/1759728410545975296.htm"
                           title="Itext生成pdf文件，html转pdf时中文一直显示不出来" target="_blank">Itext生成pdf文件，html转pdf时中文一直显示不出来</a>
                        <span class="text-muted">小池先生</span>
<a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>之前使用freemark模板渲染ftl页面,转出的pdf中，css2有些样式好像不支持，比较常用的居中样式都没有效果，text-align:center改造成使用html页面来转pdf，css2的样式可以生效,itext是不支持css3的弹性布局的ITextRendererpdfRenderer=newITextRenderer();//添加字体设置ITextFontResolverfontRes</div>
                    </li>
                    <li><a href="/article/1759586324370780160.htm"
                           title="css2的三大特性" target="_blank">css2的三大特性</a>
                        <span class="text-muted">ldd_eb</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>css的三大特性一.层叠性概念二.继承性行高的继承三.优先级概念a标签默认蓝色优先级注意事项一.层叠性概念二.继承性行高的继承可用倍数表示三.优先级概念a标签默认蓝色优先级注意事项例子</div>
                    </li>
                    <li><a href="/article/1759585554317537280.htm"
                           title="css2背景" target="_blank">css2背景</a>
                        <span class="text-muted">ldd_eb</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>css2背景一.背景颜色二.背景图片三.背景平铺四.背景图片位置五.背景图像固定六.复合型写法七.背景颜色半透明八.总结一.背景颜色默认是transparent(透明）二.背景图片默认是none三.背景平铺默认是background-repeat(平铺）四.背景图片位置五.背景图像固定六.复合型写法没有顺序七.背景颜色半透明rgba八.总结</div>
                    </li>
                    <li><a href="/article/1756372581709004800.htm"
                           title="css2复合选择器" target="_blank">css2复合选择器</a>
                        <span class="text-muted">ldd_eb</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                        <div>一.后代（包含）选择器（一样的标签可以用class命名以分别）空格表示全部后代应用二.子类选择器>表示只要子不要孙应用三.并集选择器，表示代表和一般竖着写应用四.伪类选择器（包括伪链接选择器，结构选择器等）1.伪链接选择器（链接不包含在body中，需要单独表示）冒号表示一般按顺序lvha记忆：lovehate/lv包hao应用一般写法（只写这俩即可）2.：fouse伪类选择器（填表单时的光标）一般</div>
                    </li>
                    <li><a href="/article/1756372582543671296.htm"
                           title="css2元素显示模式" target="_blank">css2元素显示模式</a>
                        <span class="text-muted">ldd_eb</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>一.概念（根据单独占一行还是一行有多个来分类）二.分类1.块元素（但独占一行)2.行内元素（内联元素）（一行可以有多个）3.行内块元素（一行可以有多个）4.总结三.转换</div>
                    </li>
                    <li><a href="/article/1756369172478050304.htm"
                           title="CSS3简介" target="_blank">CSS3简介</a>
                        <span class="text-muted">Muko_0x7d2</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
                        <div>CSS3简介1.CSS3概述CSS3是CSS2的升级版本，它在CSS2的基础上，新增了很多强大的新功能，从而解决一些实际面临的问题。CSS3在未来会按照模块化的方式去发展：https://www.w3.org/Style/CSS/current-work.htmlCSS3的新特性如下：新增了更加实用的选择器，例如：动态伪类选择器、目标伪类选择器、伪元素选择器等等。新增了更好的视觉效果，例如：圆角、</div>
                    </li>
                    <li><a href="/article/1755330779346386944.htm"
                           title="前端系统知识整理" target="_blank">前端系统知识整理</a>
                        <span class="text-muted">花开有声是我</span>

                        <div>一、编程基础理解互联网产品开发流程、Web应用各部分的逻辑关系、命令行基础、Git代码管理二、HTML与CSS核心知识1、掌握HTML4（5）常见标签的用法、表单的用法2、理解CSS2（3）选择器权重、优先级、匹配顺序、继承、单位3、两种盒模型4、理解块、行的特性、理解边距折叠的概念5、理解浮动的特性，会用几种方式清除浮动6、理解BFC与各种FC的概念7、掌握定位的用法8、理解层叠上写文的概念9、</div>
                    </li>
                    <li><a href="/article/1755045873248649216.htm"
                           title="CSS强大的功能--太极图的实现" target="_blank">CSS强大的功能--太极图的实现</a>
                        <span class="text-muted">虚拟社群</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>对于CSS的认识如果你还只停留在网页的一些元素的美化，版面样式的调整那你就是大错特错了,现在的CSS3所具备的特性真的是让人惊艳。除了原有的css2所具备的特性外，更是加入了RGBA和透明度，让你可以轻松的可以设置任何颜色任何透明透的背景色。text-shadow阴影，font-face属性，border-radius属性，border-image属性，box-shadow属性以及更炫的支持动画，</div>
                    </li>
                    <li><a href="/article/1754813586036768768.htm"
                           title="itext中通过freemark生成的pdf时,居中样式text-align: center没有效果" target="_blank">itext中通过freemark生成的pdf时,居中样式text-align: center没有效果</a>
                        <span class="text-muted">小池先生</span>
<a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                        <div>itext不支持css3的语法，结果css2的部分语法也可能不支持，比如text-align:center，一直没有效果，后来想到用table的方式原始的代码：css的container中添加text-align:center;这边是要居中的内容修改成table后可以用这边是要居中的内容</div>
                    </li>
                    <li><a href="/article/1752091054028374016.htm"
                           title="CSS参考手册" target="_blank">CSS参考手册</a>
                        <span class="text-muted">空白_d</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>CSS属性CSS属性组：动画背景边框和轮廓框颜色内容页的媒体属性尺寸盒子模型(新)盒子模型(旧)字体内容生成网格超链接线框列表外边距字幕多列内边距页面媒体定位分页Ruby语音表格文本2D/3D转换过渡用户界面“CSS”列指示属性是在哪个CSS版本中定义的（CSS1，CSS2，或者CSS3）.动画属性属性描述CSS@keyframes定义一个动画,@keyframes定义的动画名称用来被animat</div>
                    </li>
                    <li><a href="/article/1751802734543126528.htm"
                           title="CSS3 媒体查询" target="_blank">CSS3 媒体查询</a>
                        <span class="text-muted">Suixin。</span>
<a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%AA%92%E4%BD%93/1.htm">媒体</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                        <div>概述mediatype(媒体类型)是css2中的一个非常有用的属性，通过mediatype我们可以对不同的设备指定特定的样式，从而实现更丰富的界面。mediaquery(多媒体查询)是对mediatype的一种增强，是CSS3的重要内容之一多媒体查询由【多种媒体】组成，可以包含一个或多个【表达式】，根据条件是否成立文档会在匹配的设备上显示指定样式效果作用：规定栏目的宽度。取值number指定栏目宽</div>
                    </li>
                    <li><a href="/article/1751802607212445696.htm"
                           title="CSS Media媒体查询使用大全，完整媒体查询总结" target="_blank">CSS Media媒体查询使用大全，完整媒体查询总结</a>
                        <span class="text-muted">dengla6847</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a>
                        <div>前面的话一说到响应式设计，肯定离不开媒体查询media。一般认为媒体查询是CSS3的新增内容，实际上CSS2已经存在了，CSS3新增了媒体属性和使用场景(IE8-浏览器不支持)。本文将详细介绍媒体查询的内容媒介类型在CSS2中，媒体查询只使用于和标签中，以media属性存在media属性用于为不同的媒介类型规定不同的样式screen计算机屏幕（默认值）tty电传打字机以及使用等宽字符网格的类似媒介</div>
                    </li>
                    <li><a href="/article/1750727637728247808.htm"
                           title="Webpack中常用loader和plugin" target="_blank">Webpack中常用loader和plugin</a>
                        <span class="text-muted">Hannah_Hannah_</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Webpack/1.htm">Webpack</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>一、loader在使用这些loader前要将其先进行下载安装更多详情见官网：loaders|webpack中文网//在webpack.config.js中进行配置module.exports={module:{rules:[{test:/\.css/,use:["xxx-loader"]//将要使用的loader写在这}]}}1、less-loader用于将less编译成css2、css-load</div>
                    </li>
                    <li><a href="/article/1745831515377385472.htm"
                           title="H5新增 input 标签 属性选择器 结构伪类选择器" target="_blank">H5新增 input 标签 属性选择器 结构伪类选择器</a>
                        <span class="text-muted">王玉伟的伟</span>

                        <div>五、新增input标签h5input.png六、新增表单属性newinput.png七、CSS3属性选择器(上)什么是CSS3在CSS2的基础上拓展、新增的样式CSS3发展现状移动端支持优于PC端CSS3目前还草案，在不断改进中CSS3相对H5，应用非常广泛属性选择器列表attrcanshu.png属性选择器代码演示button{cursor:pointer;}button[disabled]{c</div>
                    </li>
                    <li><a href="/article/1745692149648736256.htm"
                           title="前端-element-ui" target="_blank">前端-element-ui</a>
                        <span class="text-muted">小码哥呀</span>
<a class="tag" taget="_blank" href="/search/%E5%8C%BB%E9%99%A2%E6%8C%82%E5%8F%B7%E7%B3%BB%E7%BB%9F/1.htm">医院挂号系统</a>
                        <div>element-ui一、element-ui二、创建06-element-ui.html1、引入css2、引入js4、编写js一、element-uielement-ui是饿了么前端出品的基于Vue.js的后台组件库，方便程序员进行页面快速布局和构建官网：http://element-cn.eleme.io/#/zh-CN二、创建06-element-ui.html将element-ui引入到项目</div>
                    </li>
                    <li><a href="/article/1742267163571404800.htm"
                           title="##CSS2 元素居中（水平居中+垂直居中）" target="_blank">##CSS2 元素居中（水平居中+垂直居中）</a>
                        <span class="text-muted">Yixi_Li</span>

                        <div>1.元素水平居中最好用的：margin:0auto;不好用的原因：1、元素没有设置宽度，没有宽度怎么居中嘛！2、设置了宽度依然不好使，你设置的是行内元素吧!示例:哇！居中了.box{background-color:#FF8C00;width:300px;height:300px;margin:0auto;}.content{background-color:#F00;width:100px;he</div>
                    </li>
                    <li><a href="/article/1742018846841126912.htm"
                           title="酒店预订网页Luxury Hotel的html5、css2模板" target="_blank">酒店预订网页Luxury Hotel的html5、css2模板</a>
                        <span class="text-muted">枫蜜柚子茶</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A8%A1%E6%9D%BF/1.htm">前端模板</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>目录一、需求分析二、页面展示1、系统首页2、房间推荐3、查看房间详情4、基础设施5、餐厅介绍6、按摩spa7、房间装饰8、旅游新闻推荐9、关于我们三、资源获取一、需求分析酒店预订网页是指一个网站或应用程序中专门用于提供酒店预订服务的页面。它可以是一个在线平台，连接酒店供应商和需要预订酒店的客户。以下是酒店预订网页可能具备的功能分析：酒店搜索和筛选：用户可以在网页上输入目的地、入住日期、离店日期和其</div>
                    </li>
                    <li><a href="/article/1741907902014177280.htm"
                           title="CSS 字体 font-family属性(转)" target="_blank">CSS 字体 font-family属性(转)</a>
                        <span class="text-muted">dragoo1</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/font-family/1.htm">font-family</a><a class="tag" taget="_blank" href="/search/input/1.htm">input</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E4%BD%93/1.htm">字体</a>
                        <div>CSS规范清楚的认识到，字体选择是一个常见而且很重要的特性，所以设置字体的属性就是样式表中最常见的用途之一。字体相关的属性在CSS1就已经定义，CSS3又新增了font-stretch和font-size-adjust这两个属性。人们早已认识到字体选择很重要，并在CSS2就支持可下载字体，也定义了@font-face相关属性，但是并没有得到浏览器的广泛支持。直到CSS3，浏览器才开始支持@font</div>
                    </li>
                    <li><a href="/article/1741907775119704064.htm"
                           title="CSS 字体 font-family属性" target="_blank">CSS 字体 font-family属性</a>
                        <span class="text-muted">我们要发财了</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>CSS规范清楚的认识到，字体选择是一个常见而且很重要的特性，所以设置字体的属性就是样式表中最常见的用途之一。字体相关的属性在CSS1就已经定义，CSS3又新增了font-stretch和font-size-adjust这两个属性。人们早已认识到字体选择很重要，并在CSS2就支持可下载字体，也定义了@font-face相关属性，但是并没有得到浏览器的广泛支持。直到CSS3，浏览器才开始支持@font</div>
                    </li>
                    <li><a href="/article/1741294233618235392.htm"
                           title="JavaScript 如何计算文本的行数" target="_blank">JavaScript 如何计算文本的行数</a>
                        <span class="text-muted">一俢</span>

                        <div>在前端经常会遇到内容太多了，需要对多余的内容进行截取并打上省略号的问题。CSS2可以解决超出一行省略的问题，Chrome可以通过-webkit-line-clamp来实现多行省略的问题，还是还需要配合其它的一些样式属性。解决这个问题的主要问题在于如何计算当前DOM内部的文本的行数。方案要想知道文本的行数，那就需要知道文本的总高度和每一行的高度，总高度除以行高就是行数。当然总高度的计算必须是文字所在</div>
                    </li>
                    <li><a href="/article/1740892845276938240.htm"
                           title="CSS3的面试题" target="_blank">CSS3的面试题</a>
                        <span class="text-muted">qq_42431718</span>
<a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>CSS3中的盒模型与CSS2中的盒模型有何区别？答案：CSS2中的盒模型将元素的宽度（width）定义为内容区域的宽度，而CSS3中的盒模型将元素的宽度包括了内边距（padding）、边框（border）和外边距（margin）。解释一下CSS3中的选择器级别以及它们的优先级顺序。答案：CSS3中的选择器级别包括：元素选择器、类选择器、ID选择器、属性选择器、伪类选择器和伪元素选择器。它们的优先级</div>
                    </li>
                    <li><a href="/article/1740888001065533440.htm"
                           title="四种css布局方式" target="_blank">四种css布局方式</a>
                        <span class="text-muted">weixin_44273311</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                        <div>一、静态布局(StaticLayout)布局概念最传统、原始的Web布局设计。网页最外层容器(outer)有固定的大小,所有的内容以该容器为标准,超出宽高的部分用滚动条(overflow:scroll)来实现滚动查阅。优点采用的是css2之前的写法,不存在浏览器兼容性。布局简单。缺点但是移动端不可以使用pc端的页面,两个页面的布局不一致,移动端需要自己另外设计一个布局并使用不同域名呈现。实现方法P</div>
                    </li>
                    <li><a href="/article/1740623997420191744.htm"
                           title="和水果忍者很像的前端小游戏分享" target="_blank">和水果忍者很像的前端小游戏分享</a>
                        <span class="text-muted">timi先生</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>前些天发现了一个人工智能学习网站，通俗易懂，风趣幽默，最重要的屌图甚多，忍不住分享一下给大家。点击跳转到网站。动图有点大这里就不给了，玩法和水果忍者类似用刀切掉飞上来的蔬菜就可以得分：源码贴给大家：⏲️⏲️️@importurl('https://fonts.googleapis.com/css2?family=Kdam+Thmor+Pro&display=swap');html,body{mar</div>
                    </li>
                    <li><a href="/article/1740071870121656320.htm"
                           title="css伪元素的实用技巧" target="_blank">css伪元素的实用技巧</a>
                        <span class="text-muted">千锋HTML5学院</span>

                        <div>1.定义伪元素用于创建一些不在文档树中的元素，并为其添加样式。比如说，我们可以通过:before:after来在一个元素前、后增加一些文本，并为这些文本添加样式。虽然用户可以看到这些文本，但是这些文本实际上不在文档树中。2.伪元素的单双冒号在CSS2之前规范不明确的时，伪元素使用单冒号(:)来表示；在CSS3规范中的要求使用双冒号(::)表示伪元素，以此来区分伪元素和伪类；但为了向上兼容，现在用单</div>
                    </li>
                    <li><a href="/article/1739921586401591296.htm"
                           title="【CSS3】第3章 CSS3入门" target="_blank">【CSS3】第3章 CSS3入门</a>
                        <span class="text-muted">笔触狂放</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                        <div>学习目标了解CSS的功能和作用，能够列举CSS的应用示例。熟悉CSS的发展历史，能够厘清CSS1、CSS2和CSS3三者的关系掌握CSS的样式规则，能够按照CSS样式规则正确书写CSS样式。掌握CSS样式表的引入方式，能够在网页中引入CSS样式。掌握CSS基础选择器的用法，能够使用CSS基础选择器设置差异化的网页样式。掌握字体样式属性的用法，能够在网页中设置不同的字体样式。掌握文本外观属性的用法，</div>
                    </li>
                                <li><a href="/article/117.htm"
                                       title="Algorithm" target="_blank">Algorithm</a>
                                    <span class="text-muted">香水浓</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a>
                                    <div>冒泡排序 
 

	public static void sort(Integer[] param) {
		for (int i = param.length - 1; i > 0; i--) {
			for (int j = 0; j < i; j++) {
				int current = param[j];
				int next = param[j + 1];</div>
                                </li>
                                <li><a href="/article/244.htm"
                                       title="mongoDB 复杂查询表达式" target="_blank">mongoDB 复杂查询表达式</a>
                                    <span class="text-muted">开窍的石头</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a>
                                    <div>1:count 
   Pg: db.user.find().count(); 
   统计多少条数据 
2:不等于$ne 
   Pg: db.user.find({_id:{$ne:3}},{name:1,sex:1,_id:0}); 
   查询id不等于3的数据。 
3：大于$gt $gte(大于等于) 
&n</div>
                                </li>
                                <li><a href="/article/371.htm"
                                       title="Jboss Java heap space异常解决方法, jboss OutOfMemoryError : PermGen space" target="_blank">Jboss Java heap space异常解决方法, jboss OutOfMemoryError : PermGen space</a>
                                    <span class="text-muted">0624chenhong</span>
<a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jboss/1.htm">jboss</a>
                                    <div>转自 
http://blog.csdn.net/zou274/article/details/5552630 
 
解决办法： 
 
window->preferences->java->installed jres->edit jre 
把default vm arguments 的参数设为-Xms64m -Xmx512m 
 
 
 
----------------</div>
                                </li>
                                <li><a href="/article/498.htm"
                                       title="文件上传 下载 解析 相对路径" target="_blank">文件上传 下载 解析 相对路径</a>
                                    <span class="text-muted">不懂事的小屁孩</span>
<a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/1.htm">文件上传</a>
                                    <div>有点坑吧，弄这么一个简单的东西弄了一天多，身边还有大神指导着，网上各种百度着。 
下面总结一下遇到的问题： 
 
文件上传，在页面上传的时候，不要想着去操作绝对路径，浏览器会对客户端的信息进行保护，避免用户信息收到攻击。 
在上传图片，或者文件时，使用form表单来操作。 
前台通过form表单传输一个流到后台，而不是ajax传递参数到后台，代码如下: 
 

<form action=&</div>
                                </li>
                                <li><a href="/article/625.htm"
                                       title="怎么实现qq空间批量点赞" target="_blank">怎么实现qq空间批量点赞</a>
                                    <span class="text-muted">换个号韩国红果果</span>
<a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a>
                                    <div>纯粹为了好玩！！ 
逻辑很简单 
1 打开浏览器console；输入以下代码。 
先上添加赞的代码 
 

var tools={};
		//添加所有赞
		function  init(){
			document.body.scrollTop=10000;
				setTimeout(function(){document.body.scrollTop=0;},2000);//加</div>
                                </li>
                                <li><a href="/article/752.htm"
                                       title="判断是否为中文" target="_blank">判断是否为中文</a>
                                    <span class="text-muted">灵静志远</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%AD%E6%96%87/1.htm">中文</a>
                                    <div>方法一： 
public class Zhidao { 
 public static void main(String args[]) { 
 String s = "sdf灭礌 kjl d{';\fdsjlk是"; 
 int n=0; 
 for(int i=0; i<s.length(); i++) { 
 n = (int)s.charAt(i); 
 if((</div>
                                </li>
                                <li><a href="/article/879.htm"
                                       title="一个电话面试后总结" target="_blank">一个电话面试后总结</a>
                                    <span class="text-muted">a-john</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
                                    <div>今天，接了一个电话面试，对于还是初学者的我来说，紧张了半天。 
面试的问题分了层次，对于一类问题，由简到难。自己觉得回答不好的地方作了一下总结： 
  
在谈到集合类的时候，举几个常用的集合类，想都没想，直接说了list,map。 
  
然后对list和map分别举几个类型： 
  
list方面：ArrayList,LinkedList。在谈到他们的区别时，愣住了</div>
                                </li>
                                <li><a href="/article/1006.htm"
                                       title="MSSQL中Escape转义的使用" target="_blank">MSSQL中Escape转义的使用</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/MSSQL/1.htm">MSSQL</a>
                                    <div>IF OBJECT_ID('tempdb..#ABC') is not null
drop table tempdb..#ABC


create table #ABC
(
PATHNAME NVARCHAR(50)
)


insert into #ABC
SELECT N'/ABCDEFGHI' 
UNION ALL SELECT N'/ABCDGAFGASASSDFA' 
UNION ALL</div>
                                </li>
                                <li><a href="/article/1133.htm"
                                       title="一个简单的存储过程" target="_blank">一个简单的存储过程</a>
                                    <span class="text-muted">asialee</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8%E8%BF%87%E7%A8%8B/1.htm">存储过程</a><a class="tag" taget="_blank" href="/search/%E6%9E%84%E9%80%A0%E6%95%B0%E6%8D%AE/1.htm">构造数据</a><a class="tag" taget="_blank" href="/search/%E6%89%B9%E9%87%8F%E6%8F%92%E5%85%A5/1.htm">批量插入</a>
                                    <div>           今天要批量的生成一批测试数据，其中中间有部分数据是变化的，本来想写个程序来生成的，后来想到存储过程就可以搞定，所以随手写了一个，记录在此： 
  
         
DELIMITER $$  
DROP PROCEDURE IF EXISTS inse</div>
                                </li>
                                <li><a href="/article/1260.htm"
                                       title="annot convert from HomeFragment_1 to Fragment" target="_blank">annot convert from HomeFragment_1 to Fragment</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E5%AF%BC%E5%8C%85%E9%94%99%E8%AF%AF/1.htm">导包错误</a>
                                    <div>创建了几个类继承Fragment, 需要将创建的类存储在ArrayList<Fragment>中; 出现不能将new 出来的对象放到队列中,原因很简单; 
    创建类时引入包是:import android.app.Fragment; 
  
   创建队列和对象时使用的包是:import android.support.v4.ap</div>
                                </li>
                                <li><a href="/article/1387.htm"
                                       title="Weblogic10两种修改端口的方法" target="_blank">Weblogic10两种修改端口的方法</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a><a class="tag" taget="_blank" href="/search/%E7%AB%AF%E5%8F%A3%E5%8F%B7/1.htm">端口号</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%AE%A1%E7%90%86/1.htm">配置管理</a><a class="tag" taget="_blank" href="/search/config.xml/1.htm">config.xml</a>
                                    <div>一.进入控制台进行修改    1.进入控制台:  http://127.0.0.1:7001/console     2.展开左边树菜单         域结构->环境->服务器-->点击AdminServer(管理) &</div>
                                </li>
                                <li><a href="/article/1514.htm"
                                       title="mysql 操作指令" target="_blank">mysql 操作指令</a>
                                    <span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
                                    <div>一、连接mysql 
进入 mysql 的安装目录； 
$ bin/mysql -p [host IP 如果是登录本地的mysql 可以不写 -p 直接 -u] -u [userName] -p 
输入密码，回车，接连； 
 
二、权限操作［如果你很了解mysql数据库后，你可以直接去修改系统表，然后用 mysql> flush privileges; 指令让权限生效］ 
1、赋权 
mys</div>
                                </li>
                                <li><a href="/article/1641.htm"
                                       title="【Hive一】Hive入门" target="_blank">【Hive一】Hive入门</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
                                    <div>Hive安装与配置 
Hive的运行需要依赖于Hadoop，因此需要首先安装Hadoop2.5.2，并且Hive的启动前需要首先启动Hadoop。 
  Hive安装和配置的步骤 
  
1. 从如下地址下载Hive0.14.0 
  
http://mirror.bit.edu.cn/apache/hive/ 
  
 2.解压hive，在系统变</div>
                                </li>
                                <li><a href="/article/1768.htm"
                                       title="ajax 三种提交请求的方法" target="_blank">ajax 三种提交请求的方法</a>
                                    <span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/jqery/1.htm">jqery</a>
                                    <div>1、ajax 提交请求 
$.ajax({
			type:"post",
			url : "${ctx}/front/Hotel/getAllHotelByAjax.do",
			dataType : "json",
			success : function(result) {
				try {
					for(v</div>
                                </li>
                                <li><a href="/article/1895.htm"
                                       title="mongodb开发环境下的搭建入门" target="_blank">mongodb开发环境下的搭建入门</a>
                                    <span class="text-muted">braveCS</span>
<a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
                                    <div>  
linux下安装mongodb 
1）官网下载mongodb-linux-x86_64-rhel62-3.0.4.gz 
2）linux 解压   
gzip -d mongodb-linux-x86_64-rhel62-3.0.4.gz; 
mv mongodb-linux-x86_64-rhel62-3.0.4 mongodb-linux-x86_64-rhel62-</div>
                                </li>
                                <li><a href="/article/2022.htm"
                                       title="编程之美-最短摘要的生成" target="_blank">编程之美-最短摘要的生成</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a>
                                    <div>

import java.util.HashMap;
import java.util.Map;
import java.util.Map.Entry;

public class ShortestAbstract {

	/**
	 * 编程之美 最短摘要的生成
	 * 扫描过程始终保持一个[pBegin,pEnd]的range,初始化确保[pBegin,pEnd]的ran</div>
                                </li>
                                <li><a href="/article/2149.htm"
                                       title="json数据解析及typeof" target="_blank">json数据解析及typeof</a>
                                    <span class="text-muted">chengxuyuancsdn</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/typeof/1.htm">typeof</a><a class="tag" taget="_blank" href="/search/json%E8%A7%A3%E6%9E%90/1.htm">json解析</a>
                                    <div>   
       // json格式
	var people='{"authors": [{"firstName": "AAA","lastName": "BBB"},'
		                    +' {"firstName": "CCC&</div>
                                </li>
                                <li><a href="/article/2276.htm"
                                       title="流程系统设计的层次和目标" target="_blank">流程系统设计的层次和目标</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a>
                                    <div> 
                              流程系统设计的层次和目标 
 
 
 </div>
                                </li>
                                <li><a href="/article/2403.htm"
                                       title="RMAN List和report 命令" target="_blank">RMAN List和report 命令</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/list/1.htm">list</a><a class="tag" taget="_blank" href="/search/report/1.htm">report</a><a class="tag" taget="_blank" href="/search/rman/1.htm">rman</a>
                                    <div>LIST 命令 
使用RMAN LIST 命令显示有关资料档案库中记录的备份集、代理副本和映像副本的 
信息。使用此命令可列出： 
• RMAN 资料档案库中状态不是AVAILABLE 的备份和副本 
• 可用的且可以用于还原操作的数据文件备份和副本 
• 备份集和副本，其中包含指定数据文件列表或指定表空间的备份 
• 包含指定名称或范围的所有归档日志备份的备份集和副本 
• 由标记、完成时间、可</div>
                                </li>
                                <li><a href="/article/2530.htm"
                                       title="二叉树:红黑树" target="_blank">二叉树:红黑树</a>
                                    <span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%8F%89%E6%A0%91/1.htm">二叉树</a>
                                    <div>    红黑树是一种自平衡的二叉树,它的查找,插入,删除操作时间复杂度皆为O(logN),不会出现普通二叉搜索树在最差情况时时间复杂度会变为O(N)的问题. 
    红黑树必须遵循红黑规则,规则如下 
    
1、每个节点不是红就是黑。     2、根总是黑的  &</div>
                                </li>
                                <li><a href="/article/2657.htm"
                                       title="C语言homework3，7个小题目的代码" target="_blank">C语言homework3，7个小题目的代码</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
                                    <div>1、打印100以内的所有奇数。 
# include <stdio.h>

int main(void)
{
	int i;

	for (i=1; i<=100; i++)
	{
		if (i%2 != 0)
			printf("%d ", i);
	}

	return 0;
}
 
 2、从键盘上输入10个整数，</div>
                                </li>
                                <li><a href="/article/2784.htm"
                                       title="自定义按钮, 图片在上, 文字在下, 居中显示" target="_blank">自定义按钮, 图片在上, 文字在下, 居中显示</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89/1.htm">自定义</a>
                                    <div>#import <UIKit/UIKit.h>

@interface MyButton : UIButton

-(void)setFrame:(CGRect)frame ImageName:(NSString*)imageName Target:(id)target Action:(SEL)action Title:(NSString*)title Font:(CGFloa</div>
                                </li>
                                <li><a href="/article/2911.htm"
                                       title="MySQL查询语句练习题，测试足够用了" target="_blank">MySQL查询语句练习题，测试足够用了</a>
                                    <span class="text-muted">flyvszhb</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
                                    <div>http://blog.sina.com.cn/s/blog_767d65530101861c.html 
1.创建student和score表 
CREATE  TABLE  student ( 
id  INT(10)  NOT NULL  UNIQUE  PRIMARY KEY  , 
name  VARCHAR</div>
                                </li>
                                <li><a href="/article/3038.htm"
                                       title="转：MyBatis Generator 详解" target="_blank">转：MyBatis Generator 详解</a>
                                    <span class="text-muted">happyqing</span>
<a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a>
                                    <div>  
MyBatis Generator 详解 
http://blog.csdn.net/isea533/article/details/42102297 
  
MyBatis Generator详解 
http://git.oschina.net/free/Mybatis_Utils/blob/master/MybatisGeneator/MybatisGeneator.</div>
                                </li>
                                <li><a href="/article/3165.htm"
                                       title="让程序员少走弯路的14个忠告" target="_blank">让程序员少走弯路的14个忠告</a>
                                    <span class="text-muted">jingjing0907</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E5%88%92/1.htm">计划</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
                                    <div>  
无论是谁，在刚进入某个领域之时，有再大的雄心壮志也敌不过眼前的迷茫：不知道应该怎么做，不知道应该做什么。下面是一名软件开发人员所学到的经验，希望能对大家有所帮助 
  
1.不要害怕在工作中学习。  
只要有电脑，就可以通过电子阅读器阅读报纸和大多数书籍。如果你只是做好自己的本职工作以及分配的任务，那是学不到很多东西的。如果你盲目地要求更多的工作，也是不可能提升自己的。放</div>
                                </li>
                                <li><a href="/article/3292.htm"
                                       title="nginx和NetScaler区别" target="_blank">nginx和NetScaler区别</a>
                                    <span class="text-muted">流浪鱼</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a>
                                    <div>NetScaler是一个完整的包含操作系统和应用交付功能的产品，Nginx并不包含操作系统，在处理连接方面，需要依赖于操作系统，所以在并发连接数方面和防DoS攻击方面，Nginx不具备优势。 
2.易用性方面差别也比较大。Nginx对管理员的水平要求比较高，参数比较多，不确定性给运营带来隐患。在NetScaler常见的配置如健康检查，HA等，在Nginx上的配置的实现相对复杂。 
3.策略灵活度方</div>
                                </li>
                                <li><a href="/article/3419.htm"
                                       title="第11章 动画效果（下）" target="_blank">第11章 动画效果（下）</a>
                                    <span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/%E5%8A%A8%E7%94%BB/1.htm">动画</a>
                                    <div>index.html 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/</div>
                                </li>
                                <li><a href="/article/3546.htm"
                                       title="FAQ - SAP BW BO roadmap" target="_blank">FAQ - SAP BW BO roadmap</a>
                                    <span class="text-muted">blueoxygen</span>
<a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a><a class="tag" taget="_blank" href="/search/BW/1.htm">BW</a>
                                    <div>http://www.sdn.sap.com/irj/boc/business-objects-for-sap-faq 
  
Besides, I care that how to integrate tightly. 
  
By the way, for BW consultants, please just focus on Query Designer which i</div>
                                </li>
                                <li><a href="/article/3673.htm"
                                       title="关于java堆内存溢出的几种情况" target="_blank">关于java堆内存溢出的几种情况</a>
                                    <span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a>
                                    <div>【情况一】：   　　 
java.lang.OutOfMemoryError: Java heap space：这种是java堆内存不够，一个原因是真不够，另一个原因是程序中有死循环；   　　如果是java堆内存不够的话，可以通过调整JVM下面的配置来解决：   　　<jvm-arg>-Xms3062m</jvm-arg>   　　<jvm-arg>-Xmx</div>
                                </li>
                                <li><a href="/article/3800.htm"
                                       title="Manifest.permission_group权限组" target="_blank">Manifest.permission_group权限组</a>
                                    <span class="text-muted">阿尔萨斯</span>
<a class="tag" taget="_blank" href="/search/Permission/1.htm">Permission</a>
                                    <div>结构 
继承关系 
public static final class Manifest.permission_group extends Object 
java.lang.Object 
android. Manifest.permission_group 常量 
ACCOUNTS 直接通过统计管理器访问管理的统计 
COST_MONEY可以用来让用户花钱但不需要通过与他们直接牵涉的权限 
D</div>
                                </li>
                </ul>
            </div>
        </div>
    </div>

<div>
    <div class="container">
        <div class="indexes">
            <strong>按字母分类：</strong>
            <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
                href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
                href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
                href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
                href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
                href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
                href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
                href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
                href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
        </div>
    </div>
</div>
<footer id="footer" class="mb30 mt30">
    <div class="container">
        <div class="footBglm">
            <a target="_blank" href="/">首页</a> -
            <a target="_blank" href="/custom/about.htm">关于我们</a> -
            <a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
            <a target="_blank" href="/sitemap.txt">Sitemap</a> -
            <a target="_blank" href="/custom/delete.htm">侵权投诉</a>
        </div>
        <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!--            <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
        </div>
    </div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>





</body>

</html>