html居中问题求各位指导下谢谢_html/css_WEB-ITnose-html教程-PHP中文网

html居中问题求各位指导下谢谢_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:35:51

原创

1243人浏览过

返回主页

立即学习“前端免费学习笔记（深入）”；

检索项

：标题

检索值：

科技

到中国科技论文在线检索“科技”

最下面的到中国科技论文在线检索“科技” 应该如何居中求大神指导 center试过无效 style="width:100%;align:center;"也试过了如果是我使用错了请各位指出谢谢

回复讨论(解决方案)

将多出的

删掉
然后div1的css加上text-align:center;

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>案件检索</title></head><body><center><h1><img  src="http://www.ithov.com/uploads/userup/0/13BF3U2-5115.jpg" title="yahoo" alt="html居中问题求各位指导下 谢谢_html/css_WEB-ITnose" ></h1> </center><form action="save.php" method="post" ><center>    <label>关键字:</label>    <input type="radio" value="1"  name="change" />    <label>关键词</label>    <input type="radio" value="2"  name="change" />    <label>标题</label>    <input  name="change" type="radio" value="2" />    <label>作者</label></center></form><body>       <center>       <!-- search-box (文本框) -->       <div id="u0" class="ax_文本框">       <input id="u0_input" type="text" value="请输入关键词" data-label="search-box"  style="max-width:90%"text size="60"/>                   <!-- Unnamed (提交按钮)  -->         <input id="u1_input" type="submit" style="width:50; height:36"value="搜索"/>       </center>       </div><style type="text/css">span{font-size:13px;}</style><style type="text/css">/* 加粗 */div span:hover{  font-weight: bold; }#div1{float:right; width:100%; text-align:center; font-size:13px;}</style><div id="parent" style="width:100%; float:left;"><div style=" float:right;"><div id="u1" class="text"><p><span>&#149; 返回主页</span></p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1975">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680099641216.png" alt="居然设计家">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1975">居然设计家</a>
                            <p>居然之家和阿里巴巴共同打造的家居家装AI设计平台</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="居然设计家">
                                <span>64</span>
                            </div>
                        </div>
                        <a href="/ai/1975" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="居然设计家">
                        </a>
                    </div>
                <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p></div><div id="u2" class="text"><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#333333;">&#149; </span><span style="font-family:'Arial Negreta', 'Arial';font-weight:700;color:#000000;">检索项</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#333333;font-weight: bold;">：标题</span></p></div><div id="u3" class="text"><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#333333;">&#149; </span><span style="font-family:'Arial Negreta', 'Arial';font-weight:700;color:#000000;">检索值：</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#333333;font-weight: bold;">科技</span></p></div></div></div #parent结束><div id="div1">到中国科技论文在线检索“科技”</div></body></html>

登录后复制

改动是这些是这些

#div1{float:right; width:100%; text-align:center; font-size:13px;}<div id="parent" style="width:100%; float:left;"><!--.....原来你的内容......--></div> </div #parent结束><div id="div1">到中国科技论文在线检索“科技”</div>

登录后复制

html居中问题求各位指导下 谢谢_html/css_WEB-ITnose

回复讨论(解决方案)

html居中问题求各位指导下谢谢_html/css_WEB-ITnose