RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间：8:30-17:00
你可能遇到了下面的问题
关闭右侧工具栏

新闻中心

这里有您想知道的互联网营销解决方案
DIVCSS网页布局中对段落进行排版的方法

DIV CSS布局中段落使用

10年积累的网站设计、做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有新宁免费网站建设让你可以放心的选择与我们合作。

标签，对于段落的上下左右的空白（缩进）可以使用margin标签定义样式，而对于段落内部的空白，我们可以用padding来实现。

DIV CSS网页布局中对段落进行排版的方法

margin属性

　　DIV CSS布局中段落使用

标签，对于段落的上下左右的空白（缩进）可以使用margin标签定义样式。margin有上、下、左、右四个方向的定义，正常情况下，我们可以用一行来描述我们需要的样式。

　　例如：margin:20px8px8px20px;

　　此句分别表示了：margin-top；margin-right；margin-bottom；margin-left。

　　四个数值的顺序分别是：上、右、下、左。是依时12:00开始的顺时针方向。

　　如何上下的值一致，左右的值一致，我们可以再进行优化。

　　可以写成：margin:20px8px;

　　此句分别表示了：上下、左右。

　　对于段落内部的文字对齐方式，一般用text-align，比如：text-align:center;等。

　　下面以实例的形式来看不同的段落排版：

 
 
 
    
  
  
  
  1. 
  
  
  
  2.  
    3. 
  
  
  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. webjx.com title> </li>
  
  
  <li><styletypestyletype="text/css"> </li>
  
  
  <li> <em>DIV</em>+<em>CSS</em><em>网页</em><em>布局</em><em>对</em>SEO<em>的</em>影响 DIV+CSS网页布局有很多值得学习的地方，那么它对SEO具有哪些影响呢，今天就SEO与DIVCSS布局的关系，我们向大家做一下简单介绍。 <p>2010-08-23 09:59:16</p> DIV+CSS SEO </li>
 
 
 </ol></pre>                                                <br>
                                                网页题目：DIVCSS网页布局中对段落进行排版的方法                                                <br>
                                                转载来于：<a href="http://www.gdfdi.com/article/dhhpphc.html">http://www.gdfdi.com/article/dhhpphc.html</a>
                                            </div>
                                            <div class="hot_new">
                                                <div class="page_title clearfix">
                                                    <h3>其他资讯</h3>
                                                </div>
                                                <div class="news_list clearfix">
                                                    <ul>
                                                        <li>
                                                                <a href="/article/dpeeogd.html">哈尔滨网约车租赁公司哪家好？（哈尔滨服务器租用怎么加速）</a>
                                                            </li><li>
                                                                <a href="/article/dpeeogg.html">环境下的使用指南Linux下C语言使用指南 (c 在linux)</a>
                                                            </li><li>
                                                                <a href="/article/dpeeooo.html">奇怪的知识点：用代码run代码</a>
                                                            </li><li>
                                                                <a href="/article/dpeeoip.html">请问意大利有微信吗？微信的服务范围具体是哪里？在意大利手机突然无服务器</a>
                                                            </li><li>
                                                                <a href="/article/dpeeoij.html">win10显示缩放比例</a>
                                                            </li>                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部信息 -->
<div class="footer wow fadeInUp">
    <div class="rowFluid">
        <div class="span12">
            <div class="container">
                <div class="footer_content">
                    <div class="span4 col-xm-12">
                        <div class="footer_list">
                            <div class="span6">
                                <div class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服务号二维码" /></div>
                            </div>
                            <div class="span6 col-xm-12">
                                <div class="quick_navigation">
                                    <div class="quick_navigation_title">快速导航</div>
                                    <ul>
                                        <li><a href="http://www.lnruijie.cn/" title="成都定制无纺布" target="_blank">成都定制无纺布</a></li><li><a href="https://www.cdxwcx.com/jifang/guanghua.html" title="成都光华电信机房" target="_blank">成都光华电信机房</a></li><li><a href="http://www.apvja.com/" title="广汉发电机租赁公司" target="_blank">广汉发电机租赁公司</a></li><li><a href="http://www.cxjianzhan.com/" title="网络营销推广" target="_blank">网络营销推广</a></li><li><a href="http://www.huakfmail.com/" title="成都工商变更" target="_blank">成都工商变更</a></li><li><a href="http://www.pingmiansj.com/" title="名片设计" target="_blank">名片设计</a></li><li><a href="http://www.xjhxgs.com/" title="成都无纺布袋" target="_blank">成都无纺布袋</a></li>                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="span4 col-xm-6 col-xs-12">
                        <div class="footer_list">
                            <div class="footer_link">
                                <div class="footer_link_title">友情链接</div>
                                <ul id="frientLinks">
                                    <a href="https://www.cdcxhl.com/" title="成都网站建设">网站建设</a>
                                    <a href="https://www.cdcxhl.com/tuoguan/" alt="成都服务器托管" target="_blank">服务器托管</a>
                                    <a href="https://www.cdcxhl.com/seo.html" alt="SEO优化" target="_blank">seo优化排名</a>
                                    <a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a>
                                </ul>
                                <div class="footer_link_title">网站建设</div>
                                <ul id="frientLinks">
                                    <li><a href="/">成都正嘉灿智建站</a></li>
                                    <li><a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="span4 col-xm-6 col-xs-12">
                        <div class="footer_list">
                            <div class="footer_cotact">
                                <div class="footer_cotact_title">联系方式</div>
                                <ul>
                                    <li><span class="footer_cotact_type">企业：</span><span class="footer_cotact_content">成都正嘉灿智科技有限公司</span></li>
                                    <li><span class="footer_cotact_type">地址：</span><span class="footer_cotact_content">成都市青羊区太升南路288号</span></li>
                                    <li><span class="footer_cotact_type">电话：</span><span class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li>
                                    <li><span class="footer_cotact_type">网址：</span><span class="footer_cotact_content"><a href="/" title="成都网站建设">www.gdfdi.com</a></span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copyright">
                <p>公司名称：成都正嘉灿智科技有限公司   联系电话：18980820575</p>
                <p><a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">网站备案号：蜀ICP备2026000337号-10</a></p>
                <p>成都网站建设 成都网站设计 成都网站制作 成都成都做网站 成都正嘉灿智建站</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>
    $(".technical_support_box_z_info_box img").each(function(){
        var src = $(this).attr("src");    //获取图片地址
        var str=new RegExp("http");
        var result=str.test(src);
        if(result==false){
            var url = "https://www.cdcxhl.com"+src;    //绝对路径
            $(this).attr("src",url);
        }
    });
    window.onload=function(){
        document.oncontextmenu=function(){
            return false;
        }
    }
</script>