正文 在html中如何设置高度和宽度 技术帮 V管理员 /前天/11阅读/0评论 1008 在HTML中设置高度和宽度是网页设计中的一项基本操作，正确地设置元素的高度和宽度，可以确保网页内容的布局更加美观、合理，本文将详细介绍如何在HTML中设置高度和宽度，帮助您更好地掌握这一技能。我们要了解在HTML中设置高度和宽度的两种主要方法：通过HTML标签的属性直接设置，以及通过CSS样式表进行设置。### 方法一：使用HTML标签属性设置高度和宽度在HTML中，我们可以使用``、``、``等标签的`width`和`height`属性直接设置元素的高度和宽度，以下是一个简单的例子：<p style="text-indent:2em;">```html</p><img src="example.jpg" width="500" height="300"><p style="text-indent:2em;">```</p><p style="text-indent:2em;">在这个例子中，我们为一张图片设置了宽度为500像素，高度为300像素，需要注意的是，这里的宽度（width）和高度（height）值可以是像素（px）、百分比（%）等单位。</p><p style="text-indent:2em;">### 1. 使用像素单位设置高度和宽度</p><p style="text-indent:2em;">使用像素单位设置高度和宽度是最常见的方法，像素是一个绝对单位，它表示屏幕上的一个点，以下是一个例子：</p><p style="text-indent:2em;">```html</p><div style="width: 200px; height: 150px;">这是一个div元素</div><p style="text-indent:2em;">```</p><p style="text-indent:2em;">在这个例子中，我们为div元素设置了宽度为200像素，高度为150像素。</p><p style="text-indent:2em;">### 2. 使用百分比单位设置高度和宽度</p><p style="text-indent:2em;">使用百分比单位设置高度和宽度可以使元素的大小相对于其父元素的大小进行调整，以下是一个例子：</p><p style="text-indent:2em;">```html</p><div style="width: 50%; height: 25%;">这是一个div元素</div><p style="text-indent:2em;">```</p><p style="text-indent:2em;">在这个例子中，div元素的宽度是其父元素宽度的50%，高度是其父元素高度的25%。</p><p style="text-indent:2em;">以下是如何详细操作：</p><p style="text-indent:2em;">### 设置宽度和高度的详细步骤</p><p style="text-indent:2em;">#### 步骤1：确定元素类型</p><p style="text-indent:2em;">您需要确定要设置高度和宽度的元素类型，如前所述，并非所有HTML元素都支持直接设置宽度和高度。</p><p style="text-indent:2em;">#### 步骤2：编写HTML代码</p><p style="text-indent:2em;">根据元素类型，在HTML标签中添加`width`和`height`属性。</p><p style="text-indent:2em;">```html</p><table width="100%" height="400px"><!-- 表格内容 --></table><p style="text-indent:2em;">```</p><p style="text-indent:2em;">#### 步骤3：检查效果</p><p style="text-indent:2em;">在浏览器中打开您的HTML文件，查看元素的高度和宽度是否如预期所示。</p><p style="text-indent:2em;">### 方法二：使用CSS样式表设置高度和宽度</p><p style="text-indent:2em;">除了直接在HTML标签中设置高度和宽度外，更推荐使用CSS样式表进行设置，这样做可以更好地分离结构和样式，便于维护和复用。</p><p style="text-indent:2em;">以下是如何使用CSS：</p><p style="text-indent:2em;">### CSS设置宽度和高度的步骤</p><p style="text-indent:2em;">#### 步骤1：创建CSS样式</p>您需要在`<head>`标签内创建一个`<style>`标签，或者创建一个外部的CSS文件，以下是一个例子：<p style="text-indent:2em;">```html</p><style><p style="text-indent:2em;"> .mydiv {</p><p style="text-indent:2em;"> width: 300px;</p><p style="text-indent:2em;"> height: 200px;</p><p style="text-indent:2em;"> background-color: #f0f0f0;</p><p style="text-indent:2em;"> }</p></style><p style="text-indent:2em;">```</p><p style="text-indent:2em;">#### 步骤2：应用CSS样式</p><p style="text-indent:2em;">为需要设置高度和宽度的HTML元素添加相应的类名。</p><p style="text-indent:2em;">```html</p><div class="mydiv">这是一个div元素</div><p style="text-indent:2em;">```</p><p style="text-indent:2em;">#### 步骤3：检查效果</p><p style="text-indent:2em;">同样，在浏览器中查看效果，确保元素的高度和宽度符合预期。</p><p style="text-indent:2em;">### 注意事项</p><p style="text-indent:2em;">1. **响应式设计**：当使用百分比单位设置高度和宽度时，可以创建响应式布局，使网页在不同设备上具有良好的显示效果。</p><p style="text-indent:2em;">2. **继承性**：某些元素的高度和宽度会继承自其父元素，因此需要注意级联样式的影响。</p><p style="text-indent:2em;">3. **兼容性**：在不同的浏览器和设备上，对于高度和宽度的解析可能会有所不同，需要做好兼容性处理。</p><p style="text-indent:2em;">通过以上介绍，您应该已经掌握了在HTML中设置高度和宽度的方法，灵活运用这些技巧，可以极大地提升您的网页设计水平，在实际操作过程中，建议多尝试、多实践，以便更好地掌握这些知识。</p></div><div style="width:100%;max-width:100%;"> <a href="https://www.wanbiquan.com/7faae5d27865.html" target="_blank" style="color:#aaaaaa">1728559643</a> <a href="https://www.wanbiquan.com/cf9b3e5f2652.html" target="_blank" style="color:#aaaaaa">1728559643</a> <a href="https://www.wanbiquan.com/eef50717d9c2.html" target="_blank" style="color:#aaaaaa">1728559643</a> <a href="https://www.wanbiquan.com/4854dc3b05bf.html" target="_blank" style="color:#aaaaaa">1728559643</a> <a href="https://www.wanbiquan.com/d048de62d990.html" target="_blank" style="color:#aaaaaa">1728559643</a> <a href="https://www.wanbiquan.com/02e4a78f2dcd.html" target="_blank" style="color:#aaaaaa">1728559643</a> </div> </div> </div> <footer class="www_697969_com-828cef entry-footer"> <div class="www_697969_com-a309cc readlist ds-reward-stl"> <div class="www_697969_com-5480ee read_outer"><a class="www_697969_com-c62f07 read" href="javascript:;" title="阅读模式"><i class="www_697969_com-1ddad2 fa fa-send"></i> 阅读</a></div> <div class="www_697969_com-5480ee read_outer"><a class="www_697969_com-794021 comiis_poster_a" href="javascript:;" title="生成封面"><i class="www_697969_com-145d83 fa fa-image"></i> 海报</a></div> <div id="mClick" class="www_697969_com-5040ad mobile_click"> <div class="www_697969_com-331d25 share"> <div class="www_697969_com-143b9e Menu-item"><a href="javascript:Share('tqq')"><i class="www_697969_com-3d9919 fa fa-qq"></i> QQ 分享</a></div> <div class="www_697969_com-143b9e Menu-item"><a href="javascript:Share('sina')"><i class="www_697969_com-605fb2 fa fa-weibo"></i> 微博分享</a></div> <div class="www_697969_com-143b9e Menu-item"><i class="www_697969_com-edd6bc fa fa-weixin"></i> 微信分享<img alt="微信扫一扫" src="http://697969.com/zb_users/theme/quietlee/plugin/api.php?url=http://697969.com/html/83056.html"></div> </div> <i class="www_697969_com-52be4f fa fa-share" title="分享转发"></i> 分享 </div> </div> </footer> </article> <nav class="www_697969_com-40d1ac single-nav"> <div class="www_697969_com-fb4ce8 entry-page-prev j-lazy" style="background-image: url(http://697969.com/zb_users/cache/ly_autoimg/o/ODMwNTU.pjp)"> <a href="http://697969.com/json/83055.html" title="怎么把shp数据转换成json"><span>怎么把shp数据转换成json</span></a> <div class="www_697969_com-08a64a entry-page-info"><span class="www_697969_com-8c2475 pull-left">« 上一篇</span><span class="www_697969_com-412919 pull-right">2024-10-08</span></div> </div> <div class="www_697969_com-8f75f9 entry-page-next j-lazy" style="background-image: url(http://697969.com/zb_users/cache/ly_autoimg/o/ODMwNTc.pjp)"> <a href="http://697969.com/python/83057.html" title="python怎么模拟不同ip访问网站"><span>python怎么模拟不同ip访问网站</span></a> <div class="www_697969_com-08a64a entry-page-info"><span class="www_697969_com-412919 pull-right">下一篇 »</span><span class="www_697969_com-8c2475 pull-left">2024-10-08</span></div> </div> </nav> <div class="www_697969_com-a2a839 part-mor"><!--相关文章--> <h3 class="www_697969_com-1c97d9 section-title"><span><i class="www_697969_com-c6a213 fa fa-rss-square"></i>相关阅读</span></h3> <ul class="www_697969_com-3ba421 section-cont-tags pic-box-list clearfix"> <!--相关分类--> <li class="www_697969_com-800aaa"><a href="http://697969.com/html/83367.html"><i class="www_697969_com-7b7c63 pic-thumb"><img class="www_697969_com-c414bb lazy" src="http://697969.com/zb_users/cache/ly_autoimg/o/ODMzNjc.pjp" alt="html5li怎么去除前面的圆点" title="html5li怎么去除前面的圆点"></i> <h3 class="www_697969_com-c507be">html5li怎么去除前面的圆点</h3> <p><b class="www_697969_com-0dc892 datetime">2024-10-10</b><span class="www_697969_com-88f119 viewd">1 人在看</span></p> </a></li> <li class="www_697969_com-800aaa"><a href="http://697969.com/html/83365.html"><i class="www_697969_com-7b7c63 pic-thumb"><img class="www_697969_com-c414bb lazy" src="http://697969.com/zb_users/cache/ly_autoimg/o/ODMzNjU.pjp" alt="html怎么去掉滚动条" title="html怎么去掉滚动条"></i> <h3 class="www_697969_com-c507be">html怎么去掉滚动条</h3> <p><b class="www_697969_com-0dc892 datetime">2024-10-10</b><span class="www_697969_com-88f119 viewd">2 人在看</span></p> </a></li> <li class="www_697969_com-800aaa"><a href="http://697969.com/html/83362.html"><i class="www_697969_com-7b7c63 pic-thumb"><img class="www_697969_com-c414bb lazy" src="http://697969.com/zb_users/cache/ly_autoimg/o/ODMzNjI.pjp" alt="html5图片地址如何写" title="html5图片地址如何写"></i> <h3 class="www_697969_com-c507be">html5图片地址如何写</h3> <p><b class="www_697969_com-0dc892 datetime">2024-10-10</b><span class="www_697969_com-88f119 viewd">2 人在看</span></p> </a></li> <li class="www_697969_com-800aaa"><a href="http://697969.com/html/83360.html"><i class="www_697969_com-7b7c63 pic-thumb"><img class="www_697969_com-c414bb lazy" src="http://697969.com/zb_users/cache/ly_autoimg/o/ODMzNjA.pjp" alt="vscode怎么下载html" title="vscode怎么下载html"></i> <h3 class="www_697969_com-c507be">vscode怎么下载html</h3> <p><b class="www_697969_com-0dc892 datetime">2024-10-10</b><span class="www_697969_com-88f119 viewd">2 人在看</span></p> </a></li> </ul> </div> <a href="http://697969.com/json/83055.html" class="www_697969_com-32d95c prev-article" title="怎么把shp数据转换成json"> <i class="www_697969_com-edbc91 fa fa fa-angle-left"></i> </a><a href="http://697969.com/python/83057.html" class="www_697969_com-013d42 next-article" title="python怎么模拟不同ip访问网站"> <i class="www_697969_com-ec3a17 fa fa fa-angle-right"></i> </a> </div> <aside class="www_697969_com-9fd64d side fr mside"> <section class="www_697969_com-29b029 widget abautor"> <div class="www_697969_com-1eccbf widget-list"> <div class="www_697969_com-278b58 widget_avatar" style="background-image: url(https://img.t.sinajs.cn/t5/skin/public/profile_cover/015_s.jpg);"><a href="http://697969.com/author/2.html"><img class="www_697969_com-29b723 widget-about-image" src="http://697969.com/zb_users/avatar/0.png" alt="技术帮" height="70" width="70"><div class="www_697969_com-8fb77a widget-cover vip1"></div><i title="管理员" class="www_697969_com-1288ff author-ident author1"></i></a></div> <div class="www_697969_com-cc2c4c widget-about-intro"> <div class="www_697969_com-10fca9 name"><h3 class="www_697969_com-c507be">技术帮</h3><span class="www_697969_com-fed8c1 autlv aut-1 vs">V</span><span class="www_697969_com-a88b7c autlv aut-1">管理员</span></div> <div class="www_697969_com-d2aac9 widget-about-desc">文章 83905 篇 <i>|</i> 评论 0 次</div> <div class="www_697969_com-ddb670 widget-article-newest"><span>最新文章</span></div> <ul class="www_697969_com-c209a2 widget-about-posts"> <li class="www_697969_com-800aaa"><span class="www_697969_com-2ee272 widget-posts-meta">10/10</span><a class="www_697969_com-9aaedc widget-posts-title" href="http://697969.com/json/83369.html" title="json数据里有双引号怎么解析">json数据里有双引号怎么解析</a></li> <li class="www_697969_com-800aaa"><span class="www_697969_com-2ee272 widget-posts-meta">10/10</span><a class="www_697969_com-9aaedc widget-posts-title" href="http://697969.com/php/83368.html" title="php修改页面源码怎么改">php修改页面源码怎么改</a></li> <li class="www_697969_com-800aaa"><span class="www_697969_com-2ee272 widget-posts-meta">10/10</span><a class="www_697969_com-9aaedc widget-posts-title" href="http://697969.com/html/83367.html" title="html5li怎么去除前面的圆点">html5li怎么去除前面的圆点</a></li> </ul> </div> </div> </section> <section class="www_697969_com-b0fcbe widget wow fadeInDown" id="side_random"> <h3 class="www_697969_com-1f605e widget-title"><i class="www_697969_com-0e2fb5 fa fa-side_random"></i><span>随便看看</span></h3> <div class="www_697969_com-71e2f4 r-item-btn"><i class="www_697969_com-577f49 fa fa-circle-o-notch"></i>换一换</div><ul class="www_697969_com-e50896 widget-box side_random"><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://697969.com/jianzhan/55206.html"><img width="480" height="300" src="http://697969.com/zb_users/theme/quietlee/style/noimg/10.jpg" alt="88端口搭建网站 免费80端口"></a><h4 class="r-title"><a href="http://697969.com/jianzhan/55206.html" title="88端口搭建网站 免费80端口">88端口搭建网站 免费80端口</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://697969.com/html/11546.html"><img width="480" height="300" src="http://697969.com/zb_users/theme/quietlee/style/noimg/23.jpg" alt="在HTML中怎么点击一个按钮能弹出一个选项框？HTML窗口弹出代码？"></a><h4 class="r-title"><a href="http://697969.com/html/11546.html" title="在HTML中怎么点击一个按钮能弹出一个选项框？HTML窗口弹出代码？">在HTML中怎么点击一个按钮能弹出一个选项框？HTML窗口弹出代码？</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://697969.com/sheji/16211.html"><img width="480" height="300" src="http://697969.com/zb_users/theme/quietlee/style/noimg/28.jpg" alt="手机网页全屏怎么设置？网易云音乐App怎么设置全屏主页背景？"></a><h4 class="r-title"><a href="http://697969.com/sheji/16211.html" title="手机网页全屏怎么设置？网易云音乐App怎么设置全屏主页背景？">手机网页全屏怎么设置？网易云音乐App怎么设置全屏主页背景？</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://697969.com/jianshe/54867.html"><img width="480" height="300" src="http://697969.com/zb_users/theme/quietlee/style/noimg/23.jpg" alt="建设网站的网站 建设网站的网站有哪些"></a><h4 class="r-title"><a href="http://697969.com/jianshe/54867.html" title="建设网站的网站 建设网站的网站有哪些">建设网站的网站 建设网站的网站有哪些</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://697969.com/jquery/65674.html"><img width="480" height="300" src="http://697969.com/zb_users/theme/quietlee/style/noimg/14.jpg" alt="jqueryinput框清空（jQueryinput框）"></a><h4 class="r-title"><a href="http://697969.com/jquery/65674.html" title="jqueryinput框清空（jQueryinput框）">jqueryinput框清空（jQueryinput框）</a></h4></div></li><li class="r-item"><div class="r-item-wrap"><a class="r-thumb" href="http://697969.com/qyjz/53681.html"><img width="480" height="300" src="http://697969.com/zb_users/theme/quietlee/style/noimg/29.jpg" alt="济南企业如何建站 济南企业建站怎么样"></a><h4 class="r-title"><a href="http://697969.com/qyjz/53681.html" title="济南企业如何建站 济南企业建站怎么样">济南企业如何建站 济南企业建站怎么样</a></h4></div></li></ul> </section><section class="www_697969_com-b0fcbe widget wow fadeInDown" id="divPrevious"> <h3 class="www_697969_com-1f605e widget-title"><i class="www_697969_com-0e2fb5 fa fa-divPrevious"></i><span>最近发表</span></h3> <ul class="www_697969_com-e50896 widget-box divPrevious"><li class="www_697969_com-6a269f m-previous"> <span class="www_697969_com-e89f92 rankLeft"> <span class="www_697969_com-d928f5 rankNum num-1">01</span> <span class="www_697969_com-5070e0 slash"></span> </span> <span class="www_697969_com-6ebd21 text"><a href="http://697969.com/json/83369.html" title="json数据里有双引号怎么解析">json数据里有双引号怎么解析</a></span> </li><li class="www_697969_com-6a269f m-previous"> <span class="www_697969_com-e89f92 rankLeft"> <span class="www_697969_com-d928f5 rankNum num-2">02</span> <span class="www_697969_com-5070e0 slash"></span> </span> <span class="www_697969_com-6ebd21 text"><a href="http://697969.com/php/83368.html" title="php修改页面源码怎么改">php修改页面源码怎么改</a></span> </li><li class="www_697969_com-6a269f m-previous"> <span class="www_697969_com-e89f92 rankLeft"> <span class="www_697969_com-d928f5 rankNum num-3">03</span> <span class="www_697969_com-5070e0 slash"></span> </span> <span class="www_697969_com-6ebd21 text"><a href="http://697969.com/html/83367.html" title="html5li怎么去除前面的圆点">html5li怎么去除前面的圆点</a></span> </li><li class="www_697969_com-6a269f m-previous"> <span class="www_697969_com-e89f92 rankLeft"> <span class="www_697969_com-d928f5 rankNum num-4">04</span> <span class="www_697969_com-5070e0 slash"></span> </span> <span class="www_697969_com-6ebd21 text"><a href="http://697969.com/json/83366.html" title="数组包含json属于什么">数组包含json属于什么</a></span> </li><li class="www_697969_com-6a269f m-previous"> <span class="www_697969_com-e89f92 rankLeft"> <span class="www_697969_com-d928f5 rankNum num-5">05</span> <span class="www_697969_com-5070e0 slash"></span> </span> <span class="www_697969_com-6ebd21 text"><a href="http://697969.com/html/83365.html" title="html怎么去掉滚动条">html怎么去掉滚动条</a></span> </li><li class="www_697969_com-6a269f m-previous"> <span class="www_697969_com-e89f92 rankLeft"> <span class="www_697969_com-d928f5 rankNum num-6">06</span> <span class="www_697969_com-5070e0 slash"></span> </span> <span class="www_697969_com-6ebd21 text"><a href="http://697969.com/json/83364.html" title="json整型数组怎么转换为c">json整型数组怎么转换为c</a></span> </li><li class="www_697969_com-6a269f m-previous"> <span class="www_697969_com-e89f92 rankLeft"> <span class="www_697969_com-d928f5 rankNum num-7">07</span> <span class="www_697969_com-5070e0 slash"></span> </span> <span class="www_697969_com-6ebd21 text"><a href="http://697969.com/python/83363.html" title="Python怎么写得到现在的时间">Python怎么写得到现在的时间</a></span> </li></ul> </section><section class="www_697969_com-b0fcbe widget wow fadeInDown" id="divLinkage"> <h3 class="www_697969_com-1f605e widget-title"><i class="www_697969_com-0e2fb5 fa fa-divLinkage"></i><span>友情链接</span></h3> <ul class="www_697969_com-e50896 widget-box divLinkage"><li class="www_697969_com-1f1cc9 link-item"><a href="https://www.bxiaohao.com/" target="_blank" title="币小号">币小号</a></li><li class="www_697969_com-1f1cc9 link-item"><a href="https://www.biquan100.com/" target="_blank" title="币圈100">币圈100</a></li><li class="www_697969_com-1f1cc9 link-item"><a href="https://www.187656.com/" target="_blank" title="币社号">币社号</a></li><li class="www_697969_com-1f1cc9 link-item"><a href="https://5060.cn/" target="_blank" title="5060">5060</a></li></ul> </section> </aside> </div> <div class="www_697969_com-782ee0 listree-box"> <h3 class="www_697969_com-1b8718 listree-titles"><a class="www_697969_com-f14642 listree-btn" title="展开">目录[+]</a></h3> <ul id="listree-ol" style="display:none;"></ul> </div> <script>//分享代码 function Share(pType){ var pTitle = "在html中如何设置高度和宽度"; //待分享的标题 var pImage = "example.jpg"; //待分享的图片 var pContent = "在HTML中设置高度和宽度是网页设计中的一项基本操作，正确地设置元素的高度和宽度，可以确保网页内容的布局更加美观、合理，本文将详细介绍如何在HTML中设置高..."; //待分享的内容 var pUrl = window.location.href; //当前的url地址 var pObj = jQuery("div[class='yogo_hc']").find("h4"); if(pObj.length){ pTitle = pObj.text();} var pObj = jQuery("div[class='yogo_hcs']").find("em"); if(pObj.length){ pContent = pObj.text(); } var pObj = jQuery("div[class='con_cons']").find("img"); if(pObj.length){ pImage = jQuery("div[class='con_cons']").find("img",0).attr("src"); } shareys(pType, pUrl, pTitle,pImage, pContent); } function shareys(a, c, b, e, d) { switch (a) { case "sina": c = "//service.weibo.com/share/share.php?title\x3d" + encodeURIComponent("\u300c" + b + "\u300d" + d + "\u9605\u8bfb\u8be6\u60c5" + c) + "\x26pic\x3d" + e +"&appkey=&searchPic=true"; window.open(c); break; case "tqq": c = "//connect.qq.com/widget/shareqq/index.html?url\x3d" + encodeURIComponent(c) + "\x26title\x3d" + encodeURIComponent(b) + "\x26pics\x3d" + e; window.open(c); break; case "qzone": c = "//sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url\x3d" + encodeURIComponent(c) + "\x26title\x3d" + encodeURIComponent(b) + "\x26site\x3d\x26pics\x3d" + encodeURIComponent(e) + "\x26desc\x3d" + encodeURIComponent(d) + "\x26summary\x3d" + encodeURIComponent(d); window.open(c) } }; </script><script src="http://697969.com/zb_users/theme/quietlee/plugin/js/html2canvas.min.js"></script> <script src="http://697969.com/zb_users/theme/quietlee/plugin/js/common.js"></script> <script> var poster_open = 'on'; var txt1 = '长按识别二维码查看详情'; var txt2 = '技术帮'; var comiis_poster_start_wlat = 0; var comiis_rlmenu = 1; var comiis_nvscroll = 0; var comiis_poster_time_baxt; $(document).ready(function(){ $(document).on('click', '.comiis_poster_a', function(e) { show_comiis_poster_ykzn(); }); }); function comiis_poster_rrwz(){ setTimeout(function(){ html2canvas(document.querySelector(".comiis_poster_box_img"), {scale:2,useCORS:true}).then(canvas => { var img = canvas.toDataURL("image/jpeg", .9); document.getElementById('comiis_poster_images').src = img; $('.comiis_poster_load').hide(); $('.comiis_poster_imgshow').show(); }); }, 100); } function show_comiis_poster_ykzn(){ if(comiis_poster_start_wlat == 0){ comiis_poster_start_wlat = 1; popup.open('<img src="http://697969.com/zb_users/theme/quietlee/plugin/img/imageloading.gif" class="www_697969_com-1fa512 comiis_loading">'); var url = window.location.href.split('#')[0]; url = encodeURIComponent(url); var html = '<div id="comiis_poster_box" class="www_697969_com-4d2da8 comiis_poster_nchxd">\n' + '<div class="www_697969_com-9a7a44 comiis_poster_box">\n' + '<div class="www_697969_com-142698 comiis_poster_okimg">\n' + '<div style="padding:150px 0;" class="www_697969_com-0adc85 comiis_poster_load">\n' + '<div class="www_697969_com-c6e5c4 loading_color">\n' + ' <span class="www_697969_com-68f716 loading_color1"></span>\n' + ' <span class="www_697969_com-4166b6 loading_color2"></span>\n' + ' <span class="www_697969_com-7632be loading_color3"></span>\n' + ' <span class="www_697969_com-ba7587 loading_color4"></span>\n' + ' <span class="www_697969_com-c32426 loading_color5"></span>\n' + ' <span class="www_697969_com-410738 loading_color6"></span>\n' + ' <span class="www_697969_com-dff1e1 loading_color7"></span>\n' + '</div>\n' + '<div class="www_697969_com-d2d969 comiis_poster_oktit">正在生成海报, 请稍候</div>\n' + '</div>\n' + '<div class="www_697969_com-fb3b14 comiis_poster_imgshow" style="display:none">\n' + '<img src="" class="www_697969_com-ab53d9 vm" id="comiis_poster_images">\n' + '<div class="www_697969_com-d2d969 comiis_poster_oktit">↑长按上图保存图片分享</div>\n' + '</div>\n' + '</div>\n' + '<div class="www_697969_com-a76139 comiis_poster_okclose"><a href="javascript:;" class="www_697969_com-7424e8 comiis_poster_closekey"><img src="http://697969.com/zb_users/theme/quietlee/plugin/img/poster_okclose.png" class="www_697969_com-4d3928 vm"></a></div>\n' + '</div>\n' + '<div class="www_697969_com-a6bc8f comiis_poster_box_img">\n' + '<div class="www_697969_com-0b182b comiis_poster_img"><div class="www_697969_com-b0785c img_time">08<span>2024/10</span></div><img src="example.jpg" class="www_697969_com-03691f vm" id="comiis_poster_image"></div>\n' + '<div class="www_697969_com-aec90b comiis_poster_tita">在html中如何设置高度和宽度</div>\n' + '<div class="www_697969_com-07c646 comiis_poster_txta">在HTML中设置高度和宽度是网页设计中的一项基本操作，正确地设置元素的高度和宽度，可以确保...</div><div class="www_697969_com-50b6be comiis_poster_x guig"></div>\n' + '<div class="www_697969_com-f1fb1f comiis_poster_foot">\n' + '<img src="http://697969.com/zb_users/theme/quietlee/plugin/api.php?url='+url+'" class="www_697969_com-a98bd1 kmewm fqpl vm">\n' + '<img src="http://697969.com/zb_users/theme/quietlee/plugin/img/poster_zw.png" class="www_697969_com-2ab913 kmzw vm"><span class="www_697969_com-31fa6d kmzwtip">'+txt1+'<br>'+txt2+'</span>\n' + '</div>\n' + '</div>\n' + '</div>'; if(html.indexOf("comiis_poster") >= 0){ comiis_poster_time_baxt = setTimeout(function(){ comiis_poster_rrwz(); }, 5000); $('body').append(html); $('#comiis_poster_image').on('load',function(){ clearTimeout(comiis_poster_time_baxt); comiis_poster_rrwz(); }); popup.close(); setTimeout(function() { $('.comiis_poster_box').addClass("comiis_poster_box_show"); $('.comiis_poster_closekey').off().on('click', function(e) { $('.comiis_poster_box').removeClass("comiis_poster_box_show").on('webkitTransitionEnd transitionend', function() { $('#comiis_poster_box').remove(); comiis_poster_start_wlat = 0; }); return false; }); }, 60); } } } var new_comiis_user_share, is_comiis_user_share = 0; var as = navigator.appVersion.toLowerCase(), isqws = 0; if (as.match(/MicroMessenger/i) == "micromessenger" || as.match(/qq\//i) == "qq/") { isqws = 1; } if(isqws == 1){ if(typeof comiis_user_share === 'function'){ new_comiis_user_share = comiis_user_share; is_comiis_user_share = 1; } var comiis_user_share = function(){ if(is_comiis_user_share == 1){ isusershare = 0; new_comiis_user_share(); if(isusershare == 1){ return false; } } isusershare = 1; show_comiis_poster_ykzn(); return false; } } </script> </main> <footer class="www_697969_com-b3b70f site-footer footer"> <div class="www_697969_com-f65834 site-info clearfix"> <div class="www_697969_com-b90a55 container"> <div class="www_697969_com-c0cac2 footer-left"><!--底部左边--> <div class="www_697969_com-e382bd footer-l-top clearfix"> <a rel="nofollow" href="/" target="_blank">在线留言</a><a rel="nofollow" href="/" target="_blank">关于我们</a><a rel="nofollow" href="/" target="_blank">常见问题</a><a rel="nofollow" href="/" target="_blank">商务合作</a><a rel="nofollow" href="/" target="_blank">网站地图</a> </div> <div class="www_697969_com-6b0ad7 footer-l-btm"> <p class="www_697969_com-2a119f top-text">Copyright<i class="fa fa-copyright"></i>2024<a href="/">技术帮</a>版权所有. 安全运行<span id="iday"></span>天 <script>function siteRun(d){var nowD=new Date();return parseInt((nowD.getTime()-Date.parse(d))/24/60/60/1000)} document.getElementById("iday").innerHTML=siteRun("2023/06/01");</script></p> <p class="www_697969_com-942eb1 jubao"></p> <p class="www_697969_com-52643b btm-text"><a class="ico-ico" href="http://beian.miit.gov.cn" rel="nofollow" target="_blank" rel="nofollow" title="蜀ICP备2023009917号-7"><img src="http://697969.com/zb_users/theme/quietlee/style/images/icp.png" alt="蜀ICP备2023009917号-7">蜀ICP备2023009917号-7</a> <span class="www_697969_com-08138c rt-times">运行时长：0.165秒</span><span class="www_697969_com-0224e3 rt-sql">查询信息：13 次</span><script type="text/javascript" src="//api.tongjiniao.com/c?_=644636523767349248" async></script></p> </div> </div> <div class="www_697969_com-97fde5 footer-right"><!--底部右边--> <div class="www_697969_com-67e9d6 wxcode"><img alt="微信扫一扫" src="http://697969.com/zb_users/upload/2023/08/202308311693453395303698.png"></div> </div> </div> </div> <div id="backtop" class="www_697969_com-34079c backtop"> <div class="www_697969_com-d43354 bt-box top"><i class="www_697969_com-fd6871 fa fa-angle-up fa-2x"></i></div> <div class="www_697969_com-e9577e bt-box bottom"><i class="www_697969_com-af3a1f fa fa-angle-down fa-2x"></i></div> </div> <script src="http://697969.com/zb_users/theme/quietlee/script/jquery.pjax.js"></script> <script>var cookieDomain = "http://697969.com/";</script> <script src="http://697969.com/zb_users/theme/quietlee/script/zh_tw.js"></script> <script src="http://697969.com/zb_users/theme/quietlee/script/custom.js?v=2024-08-02"></script> <script src="http://697969.com/zb_users/theme/quietlee/script/jquery.lazy.js"></script> <script src="http://697969.com/zb_users/theme/quietlee/script/wow.min.js"></script> </footer> </body> </html><!--165.46 ms , 13 queries , 7716kb memory , 0 error-->
