| <![CDATA[ </b></td>
<td align="right">定義針對(duì)不支持框架的用戶的替代內(nèi)容。</td>
</tr>
<tr>
<td><b><noscript> </b></td>
<td align="right">定義針對(duì)不支持客戶端腳本的用戶的替代內(nèi)容。</td>
</tr>
<tr>
<td><b><ol> </b></td>
<td align="right">定義有序列表。</td>
</tr>
<tr>
<td><b><output> </b></td>
<td align="right">定義輸出的一些類型。</td>
</tr>
<tr>
<td><b><p> </b></td>
<td align="right">定義段落。</td>
</tr>
<tr>
<td><b><pre> </b></td>
<td align="right">定義預(yù)格式文本。</td>
</tr>
<tr>
<td><b><section> </b></td>
<td align="right">定義 section。</td>
</tr>
<tr>
<td><b><table> </b></td>
<td align="right">定義表格。</td>
</tr>
<tr>
<td><b><tbody> </b></td>
<td align="right">定義表格中的主體內(nèi)容。</td>
</tr>
<tr>
<td><b><td> </b></td>
<td align="right">定義表格中的單元。</td>
</tr>
<tr>
<td><b><tfoot> </b></td>
<td align="right">定義表格中的表注內(nèi)容（腳注）。</td>
</tr>
<tr>
<td><b><th> </b></td>
<td align="right">定義表格中的表頭單元格。</td>
</tr>
<tr>
<td><b><thead> </b></td>
<td align="right">定義表格中的表頭內(nèi)容。</td>
</tr>
<tr>
<td><b><time></b></td>
<td align="right">定義日期/時(shí)間。</td>
</tr>
<tr>
<td><b><tr> </b></td>
<td align="right">定義表格中的行。</td>
</tr>
<tr>
<td><b><ul> </b></td>
<td align="right">定義無序列表。</td>
</tr>
</tbody>
</table>
<pre>html中的行內(nèi)元素：</pre>
<table>
<thead><tr>
<th>標(biāo)簽</th>
<th align="right">描述</th>
</tr></thead>
<tbody>
<tr>
<td><b><a></b></td>
<td align="right">定義錨。</td>
</tr>
<tr>
<td><b><abbr></b></td>
<td align="right">定義縮寫。</td>
</tr>
<tr>
<td><b><acronym> </b></td>
<td align="right">定義只取首字母的縮寫。</td>
</tr>
<tr>
<td><b><b></b></td>
<td align="right">定義粗體字</td>
</tr>
<tr>
<td><b><bdo></b></td>
<td align="right">定義文字方向。</td>
</tr>
<tr>
<td><b><big></b></td>
<td align="right">定義大號(hào)文本。</td>
</tr>
<tr>
<td><b><br> </b></td>
<td align="right">定義簡(jiǎn)單的折行。</td>
</tr>
<tr>
<td><b><button> </b></td>
<td align="right">定義按鈕 (push button)。</td>
</tr>
<tr>
<td><b><cite></b></td>
<td align="right">定義引用(citation)。</td>
</tr>
<tr>
<td><b><code></b></td>
<td align="right">定義計(jì)算機(jī)代碼文本。</td>
</tr>
<tr>
<td><b><command> </b></td>
<td align="right">定義命令按鈕。</td>
</tr>
<tr>
<td><b><dfn> </b></td>
<td align="right">定義定義項(xiàng)目。</td>
</tr>
<tr>
<td><b><del></b></td>
<td align="right">定義被刪除文本。</td>
</tr>
<tr>
<td><b><em> </b></td>
<td align="right">定義強(qiáng)調(diào)文本。</td>
</tr>
<tr>
<td><b><embed></b></td>
<td align="right">定義外部交互內(nèi)容或插件。</td>
</tr>
<tr>
<td><b><i></b></td>
<td align="right">定義斜體字。</td>
</tr>
<tr>
<td><b><img> </b></td>
<td align="right">定義圖像。</td>
</tr>
<tr>
<td><b><input></b></td>
<td align="right">定義輸入控件。</td>
</tr>
<tr>
<td><b><kbd> </b></td>
<td align="right">定義鍵盤文本。</td>
</tr>
<tr>
<td><b><label> </b></td>
<td align="right">定義 input 元素的標(biāo)注。</td>
</tr>
<tr>
<td><b><map> </b></td>
<td align="right">定義圖像映射。</td>
</tr>
<tr>
<td><b><mark></b></td>
<td align="right">定義有記號(hào)的文本。</td>
</tr>
<tr>
<td><b><objec> </b></td>
<td align="right">定義內(nèi)嵌對(duì)象。</td>
</tr>
<tr>
<td><b><progress></b></td>
<td align="right">定義任何類型的任務(wù)的進(jìn)度。</td>
</tr>
<tr>
<td><b><q></b></td>
<td align="right">定義短的引用。</td>
</tr>
<tr>
<td><b><samp> </b></td>
<td align="right">定義計(jì)算機(jī)代碼樣本。</td>
</tr>
<tr>
<td><b><select> </b></td>
<td align="right">定義選擇列表（下拉列表）。</td>
</tr>
<tr>
<td><b><small> </b></td>
<td align="right">定義小號(hào)文本。</td>
</tr>
<tr>
<td><b><span> </b></td>
<td align="right">定義文檔中的節(jié)。</td>
</tr>
<tr>
<td><b><strong> </b></td>
<td align="right">定義強(qiáng)調(diào)文本。</td>
</tr>
<tr>
<td><b><sub> </b></td>
<td align="right">定義下標(biāo)文本。</td>
</tr>
<tr>
<td><b><sup> </b></td>
<td align="right">定義上標(biāo)文本。</td>
</tr>
<tr>
<td><b><textarea> </b></td>
<td align="right">定義多行的文本輸入控件。</td>
</tr>
<tr>
<td><b><time> </b></td>
<td align="right">定義日期/時(shí)間。</td>
</tr>
<tr>
<td><b><tt> </b></td>
<td align="right">定義打字機(jī)文本。</td>
</tr>
<tr>
<td><b><var> </b></td>
<td align="right">定義文本的變量部分。</td>
</tr>
<tr>
<td><b><video> </b></td>
<td align="right">定義視頻。</td>
</tr>
<tr>
<td><b><wbr> </b></td>
<td align="right">定義可能的換行符。</td>
</tr>
</tbody>
</table>
<pre>實(shí)例</pre>
<p>我們書寫幾個(gè)<b>span</b>標(biāo)簽<br><script type="text/javascript">showImg("http://oano.cn/images/hangnei.GIF");</script></p>
<p>可以看到幾個(gè)span都出現(xiàn)在了一行內(nèi)</p>
<p>我們?cè)贂鴮憥讉€(gè)<b>div</b>標(biāo)簽<br><script type="text/javascript">showImg("http://oano.cn/images/b1.png");</script></p>
<p>可以看到div已經(jīng)垂直了(不在一行內(nèi))<br>繼續(xù)：我們給<b>div</b>添加一個(gè)剛才提到的特殊元素：行內(nèi)塊級(jí)元素<b>inline-block</b><br><script type="text/javascript">showImg("http://oano.cn/images/b2.png");</script></p>
<p><script type="text/javascript">showImg("http://oano.cn/images/b3.png");</script><br>此時(shí)<b>div</b>會(huì)變成行內(nèi)塊級(jí)元素，同時(shí)寬和高也在<br>因此 <b>inline-block</b>既有行內(nèi)元素水平排列的特點(diǎn)，也有塊級(jí)元素設(shè)置寬高的特點(diǎn)</p>
<p>仔細(xì)看上圖，會(huì)發(fā)現(xiàn)水平方向有一個(gè)bug，有一個(gè)間隔 空閑時(shí)間可以去百度下hack~</p>
<p>解決辦法：</p>
<p>①<b>margin:-3px</b> ②<b>position：relitive;left:-3px;</b>
</p>
<p>關(guān)于行內(nèi)元素和塊級(jí)元素先談這么多，聽說認(rèn)真閱讀并點(diǎn)贊的你，代碼敲的最6哦~<br>有興趣的小伙伴可以加我微信，一起討論；V-x: dandanshen987</p>
<b>有一天，當(dāng)你明白"小白" +"勤奮"的時(shí)候，你就會(huì)成為大牛</b>
</div>
<div id="qoyqs8suu2u" class="mt-64 tags-seach" >
<div id="qoyqs8suu2u" class="tags-info">
<a style="width:120px;" title="云服務(wù)器" href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo">云服務(wù)器</a>
<a style="width:120px;" title="GPU云服務(wù)器" href="http://systransis.cn/site/product/gpu.html">GPU云服務(wù)器</a>
<a style="width:120px;" title="php 行內(nèi)元素" href="http://systransis.cn/yun/tag/php xingneiyuansu/">php 行內(nèi)元素</a>
<a style="width:120px;" title="html設(shè)置行內(nèi)元素" href="http://systransis.cn/yun/tag/htmlshezhixingneiyuansu/">html設(shè)置行內(nèi)元素</a>
<a style="width:120px;" title="設(shè)計(jì)元素" href="http://systransis.cn/yun/tag/shejiyuansu/">設(shè)計(jì)元素</a>
<a style="width:120px;" title="隨機(jī)元素" href="http://systransis.cn/yun/tag/suijiyuansu/">隨機(jī)元素</a>
</div>
</div>
<div id="qoyqs8suu2u" class="entry-copyright mb-30">
<p class="mb-15"> 文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。</p>
<p>轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/114620.html</p>
</div>
<ul class="pre-next-page">
<li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/114619.html">上一篇：使用CSS實(shí)現(xiàn)逼真的水波紋點(diǎn)擊效果</a></li>
<li id="qoyqs8suu2u" class="ellipsis"><a class="hpf" href="http://systransis.cn/yun/114621.html">下一篇：重學(xué)前端學(xué)習(xí)筆記（十四）--瀏覽器工作解析（四）</a></li>
</ul>
</div>
<div id="qoyqs8suu2u" class="about_topicone-mid">
<h3 class="top-com-title mb-0"><span data-id="0">相關(guān)文章</span></h3>
<ul class="com_white-left-mid atricle-list-box">
<li>
<div id="qoyqs8suu2u" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/55011.html"><b><em>探究</em><em>行內(nèi)</em><em>元素</em><em>和<em>塊級(jí)</em></em><em>元素</em></b></a></h2>
<p class="ellipsis2 good">摘要：此元素將顯示為塊級(jí)元素，此元素前后會(huì)帶有換行符。新增的值此元素會(huì)作為列表顯示。塊級(jí)元素和行內(nèi)元素的分類中的塊級(jí)元素標(biāo)簽描述定義地址。定義圍繞表單中元素的邊框。定義預(yù)定義范圍內(nèi)的度量。定義針對(duì)不支持框架的用戶的替代內(nèi)容。定義表格中的單元。
標(biāo)簽（空格分隔）： CSS
在html中元素主要分為行內(nèi)元素和塊級(jí)元素
行內(nèi)元素
[x] 不獨(dú)占一行
[x] 書寫完成后不會(huì)自動(dòng)換行
[x] 沒...</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-1015.html"><img src="http://systransis.cn/yun/data/avatar/000/00/10/small_000001015.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">arashicage</span></a>
<time datetime="">2019-08-02 16:16</time>
<span><i class="fa fa-commenting"></i>評(píng)論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="qoyqs8suu2u" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/54523.html"><b>前端面試題-<em>行內(nèi)</em><em>元素</em><em>和<em>塊級(jí)</em></em><em>元素</em></b></a></h2>
<p class="ellipsis2 good">摘要：二塊級(jí)元素塊級(jí)元素占據(jù)其父元素容器的整個(gè)空間，因此創(chuàng)建了一個(gè)塊。而塊級(jí)元素可以包含行內(nèi)元素和其他塊級(jí)元素。格式默認(rèn)情況下，行內(nèi)元素不會(huì)以新行開始，而塊級(jí)元素會(huì)新起一行。
一、行內(nèi)元素
一個(gè)行內(nèi)元素只占據(jù)它對(duì)應(yīng)標(biāo)簽的邊框所包含的空間。
二、塊級(jí)元素
塊級(jí)元素占據(jù)其父元素（容器）的整個(gè)空間，因此創(chuàng)建了一個(gè)塊。通常瀏覽器會(huì)在塊級(jí)元素前后另起一個(gè)新行。
三、行內(nèi)元素示例
HTML
showIm...</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-739.html"><img src="http://systransis.cn/yun/data/avatar/000/00/07/small_000000739.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">int64</span></a>
<time datetime="">2019-08-02 16:01</time>
<span><i class="fa fa-commenting"></i>評(píng)論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="qoyqs8suu2u" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/115890.html"><b>前端面試題-<em>行內(nèi)</em><em>元素</em><em>和<em>塊級(jí)</em></em><em>元素</em></b></a></h2>
<p class="ellipsis2 good">摘要：二塊級(jí)元素塊級(jí)元素占據(jù)其父元素容器的整個(gè)空間，因此創(chuàng)建了一個(gè)塊。而塊級(jí)元素可以包含行內(nèi)元素和其他塊級(jí)元素。格式默認(rèn)情況下，行內(nèi)元素不會(huì)以新行開始，而塊級(jí)元素會(huì)新起一行。
一、行內(nèi)元素
一個(gè)行內(nèi)元素只占據(jù)它對(duì)應(yīng)標(biāo)簽的邊框所包含的空間。
二、塊級(jí)元素
塊級(jí)元素占據(jù)其父元素（容器）的整個(gè)空間，因此創(chuàng)建了一個(gè)塊。通常瀏覽器會(huì)在塊級(jí)元素前后另起一個(gè)新行。
三、行內(nèi)元素示例
HTML
showIm...</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-548.html"><img src="http://systransis.cn/yun/data/avatar/000/00/05/small_000000548.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">cucumber</span></a>
<time datetime="">2019-08-30 14:15</time>
<span><i class="fa fa-commenting"></i>評(píng)論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="qoyqs8suu2u" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/54754.html"><b><em>行內(nèi)</em><em>元素</em><em>和<em>塊級(jí)</em></em><em>元素</em></b></a></h2>
<p class="ellipsis2 good">摘要：行內(nèi)元素和塊級(jí)元素講講行內(nèi)元素和塊級(jí)元素在中標(biāo)簽元素大都是塊級(jí)元素或行內(nèi)元素。
行內(nèi)元素和塊級(jí)元素
講講行內(nèi)元素和塊級(jí)元素在HTML中標(biāo)簽元素大都是塊級(jí)元素或行內(nèi)元素。
塊級(jí)元素
HTML
我是div
CSS
.wrap{
width: 200px;
...</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-350.html"><img src="http://systransis.cn/yun/data/avatar/000/00/03/small_000000350.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">GitCafe</span></a>
<time datetime="">2019-08-02 16:09</time>
<span><i class="fa fa-commenting"></i>評(píng)論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div id="qoyqs8suu2u" class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="http://systransis.cn/yun/117566.html"><b><em>行內(nèi)</em><em>元素</em><em>和<em>塊級(jí)</em></em><em>元素</em></b></a></h2>
<p class="ellipsis2 good">摘要：行內(nèi)元素和塊級(jí)元素講講行內(nèi)元素和塊級(jí)元素在中標(biāo)簽元素大都是塊級(jí)元素或行內(nèi)元素。
行內(nèi)元素和塊級(jí)元素
講講行內(nèi)元素和塊級(jí)元素在HTML中標(biāo)簽元素大都是塊級(jí)元素或行內(nèi)元素。
塊級(jí)元素
HTML
我是div
CSS
.wrap{
width: 200px;
...</p>
<div id="qoyqs8suu2u" class="com_white-left-info">
<div id="qoyqs8suu2u" class="com_white-left-infol">
<a href="http://systransis.cn/yun/u-690.html"><img src="http://systransis.cn/yun/data/avatar/000/00/06/small_000000690.jpg" alt=""><span id="qoyqs8suu2u" class="layui-hide64">wushuiyong</span></a>
<time datetime="">2019-08-30 15:56</time>
<span><i class="fa fa-commenting"></i>評(píng)論0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
</ul>
</div>
<div id="qoyqs8suu2u" class="topicone-box-wangeditor">
<h3 class="top-com-title mb-64"><span>發(fā)表評(píng)論</span></h3>
<div id="qoyqs8suu2u" class="xcp-publish-main flex_box_zd">
<div id="qoyqs8suu2u" class="unlogin-pinglun-box">
<a href="javascript:login()" class="grad">登陸后可評(píng)論</a>
</div> </div>
</div>
<div id="qoyqs8suu2u" class="site-box-content">
<div id="qoyqs8suu2u" class="site-content-title">
<h3 class="top-com-title mb-64"><span>0條評(píng)論</span></h3>
</div>
<div id="qoyqs8suu2u" class="pages"></ul></div>
</div>
</div>
<div id="qoyqs8suu2u" class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right">
<div id="qoyqs8suu2u" class="">
<div id="qoyqs8suu2u" class="com_layuiright-box user-msgbox">
<a href="http://systransis.cn/yun/u-398.html"><img src="http://systransis.cn/yun/data/avatar/000/00/03/small_000000398.jpg" alt=""></a>
<h3><a href="http://systransis.cn/yun/u-398.html" rel="nofollow">loostudy</a></h3>
<h6>男<span>|</span>高級(jí)講師</h6>
<div id="qoyqs8suu2u" class="flex_box_zd user-msgbox-atten">
<a href="javascript:attentto_user(398)" id="attenttouser_398" class="grad follow-btn notfollow attention">我要關(guān)注</a>
<a href="javascript:login()" title="發(fā)私信" >我要私信</a>
</div>
<div id="qoyqs8suu2u" class="user-msgbox-list flex_box_zd">
<h3 class="hpf">TA的文章</h3>
<a href="http://systransis.cn/yun/ut-398.html" class="box_hxjz">閱讀更多</a>
</div>
<ul class="user-msgbox-ul">
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/121000.html">免費(fèi)英文字體Hanson Bold 無襯線粗體字體 無需商業(yè)授權(quán)</a></h3>
<p>閱讀 4043<span>·</span>2021-09-24 10:24</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/120723.html">虛擬主機(jī)怎么傳文件-虛擬主機(jī)怎么上傳文件？</a></h3>
<p>閱讀 1406<span>·</span>2021-09-22 16:01</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/119272.html">程序員的算法趣題Q12: 平方根數(shù)字</a></h3>
<p>閱讀 2724<span>·</span>2021-09-06 15:02</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/115242.html">關(guān)于CSS的position屬性</a></h3>
<p>閱讀 1026<span>·</span>2019-08-30 13:01</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/114620.html">探究行內(nèi)元素和塊級(jí)元素</a></h3>
<p>閱讀 1015<span>·</span>2019-08-30 10:52</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/113858.html">：：before和：：after的詳細(xì)介紹</a></h3>
<p>閱讀 640<span>·</span>2019-08-29 16:36</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/112196.html">左右兩側(cè)寬度固定,中間自適應(yīng)之【圣杯+雙飛翼】實(shí)現(xiàn)</a></h3>
<p>閱讀 2244<span>·</span>2019-08-29 12:51</p></li>
<li><h3 class="ellipsis"><a href="http://systransis.cn/yun/111260.html">Week 1：那些值得一閱的好文章</a></h3>
<p>閱讀 2341<span>·</span>2019-08-28 18:29</p></li>
</ul>
</div>
<!-- 文章詳情右側(cè)廣告-->
<div id="qoyqs8suu2u" class="com_layuiright-box">
<h6 class="top-com-title"><span>最新活動(dòng)</span></h6>
<div id="qoyqs8suu2u" class="com_adbox">
<div id="qoyqs8suu2u" class="layui-carousel" id="right-item">
<div carousel-item>
<div>
<a href="http://systransis.cn/site/active/kuaijiesale.html?ytag=seo" rel="nofollow">
<img src="http://systransis.cn/yun/data/attach/240625/2rTjEHmi.png" alt="云服務(wù)器">
</a>
</div>
<div>
<a href="http://systransis.cn/site/product/gpu.html" rel="nofollow">
<img src="http://systransis.cn/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服務(wù)器">
</a>
</div>
</div>
</div>
</div> <!-- banner結(jié)束 -->
<div id="qoyqs8suu2u" class="adhtml">
</div>
<script>
$(function(){
$.ajax({
type: "GET",
url:"http://systransis.cn/yun/ad/getad/1.html",
cache: false,
success: function(text){
$(".adhtml").html(text);
}
});
})
</script> </div> </div>
</div>
</div>
</div>
</section>
<!-- wap拉出按鈕 -->
<div id="qoyqs8suu2u" class="site-tree-mobile layui-hide">
<i class="layui-icon layui-icon-spread-left"></i>
</div>
<!-- wap遮罩層 -->
<div id="qoyqs8suu2u" class="site-mobile-shade"></div>
<!--付費(fèi)閱讀 -->
<div class="qoyqs8suu2u" id="payread">
<div id="qoyqs8suu2u" class="layui-form-item">閱讀需要支付1元查看</div>
<div id="qoyqs8suu2u" class="layui-form-item"><button class="btn-right">支付并查看</button></div>
</div>
<script>
var prei=0;
$(".site-seo-depict pre").each(function(){
var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">','');
$(this).attr('data-clipboard-text',html).attr("id","pre"+prei);
$(this).html("").append("<code>"+html+"</code>");
prei++;
})
$(".site-seo-depict img").each(function(){
if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){
$(this).remove();
}
})
$("LINK[href*='style-49037e4d27.css']").remove();
$("LINK[href*='markdown_views-d7a94ec6ab.css']").remove();
layui.use(['jquery', 'layer','code'], function(){
$("pre").attr("class","layui-code");
$("pre").attr("lay-title","");
$("pre").attr("lay-skin","");
layui.code();
$(".layui-code-h3 a").attr("class","copycode").html("復(fù)制代碼 ").attr("onclick","copycode(this)");
});
function copycode(target){
var id=$(target).parent().parent().attr("id");
var clipboard = new ClipboardJS("#"+id);
clipboard.on('success', function(e) {
e.clearSelection();
alert("復(fù)制成功")
});
clipboard.on('error', function(e) {
alert("復(fù)制失敗")
});
}
//$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5));
</script>
<link rel="stylesheet" type="text/css" href="http://systransis.cn/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css">
<script src="http://systransis.cn/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script>
<script src="http://systransis.cn/yun/static/js/clipboard.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script>
function setcode(){
var _html='';
document.querySelectorAll('pre code').forEach((block) => {
var _tmptext=$.trim($(block).text());
if(_tmptext!=''){
_html=_html+_tmptext;
console.log(_html);
}
});
}
</script>
<script>
function payread(){
layer.open({
type: 1,
title:"付費(fèi)閱讀",
shadeClose: true,
content: $('#payread')
});
}
// 舉報(bào)
function jupao_tip(){
layer.open({
type: 1,
title:false,
shadeClose: true,
content: $('#jubao')
});
}
$(".getcommentlist").click(function(){
var _id=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
$("#articlecommentlist"+_id).toggleClass("hide");
var flag=$("#articlecommentlist"+_id).attr("dataflag");
if(flag==1){
flag=0;
}else{
flag=1;
//加載評(píng)論
loadarticlecommentlist(_id,_tid);
}
$("#articlecommentlist"+_id).attr("dataflag",flag);
})
$(".add-comment-btn").click(function(){
var _id=$(this).attr("dataid");
$(".formcomment"+_id).toggleClass("hide");
})
$(".btn-sendartcomment").click(function(){
var _aid=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
var _content=$.trim($(".commenttext"+_aid).val());
if(_content==''){
alert("評(píng)論內(nèi)容不能為空");
return false;
}
var touid=$("#btnsendcomment"+_aid).attr("touid");
if(touid==null){
touid=0;
}
addarticlecomment(_tid,_aid,_content,touid);
})
$(".button_agree").click(function(){
var supportobj = $(this);
var tid = $(this).attr("id");
$.ajax({
type: "GET",
url:"http://systransis.cn/yun/index.php?topic/ajaxhassupport/" + tid,
cache: false,
success: function(hassupport){
if (hassupport != '1'){
$.ajax({
type: "GET",
cache:false,
url: "http://systransis.cn/yun/index.php?topic/ajaxaddsupport/" + tid,
success: function(comments) {
supportobj.find("span").html(comments+"人贊");
}
});
}else{
alert("您已經(jīng)贊過");
}
}
});
});
function attenquestion(_tid,_rs){
$.ajax({
//提交數(shù)據(jù)的類型 POST GET
type:"POST",
//提交的網(wǎng)址
url:"http://systransis.cn/yun/favorite/topicadd.html",
//提交的數(shù)據(jù)
data:{tid:_tid,rs:_rs},
//返回?cái)?shù)據(jù)的格式
datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
//在請(qǐng)求之前調(diào)用的函數(shù)
beforeSend:function(){},
//成功返回之后調(diào)用的函數(shù)
success:function(data){
var data=eval("("+data+")");
console.log(data)
if(data.code==2000){
layer.msg(data.msg,function(){
if(data.rs==1){
//取消收藏
$(".layui-layer-tips").attr("data-tips","收藏文章");
$(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>');
}
if(data.rs==0){
//收藏成功
$(".layui-layer-tips").attr("data-tips","已收藏文章");
$(".layui-layer-tips").html('<i class="fa fa-heart"></i>')
}
})
}else{
layer.msg(data.msg)
}
} ,
//調(diào)用執(zhí)行后調(diào)用的函數(shù)
complete: function(XMLHttpRequest, textStatus){
postadopt=true;
},
//調(diào)用出錯(cuò)執(zhí)行的函數(shù)
error: function(){
//請(qǐng)求出錯(cuò)處理
postadopt=false;
}
});
}
</script>
<footer>
<div id="qoyqs8suu2u" class="layui-container">
<div id="qoyqs8suu2u" class="flex_box_zd">
<div id="qoyqs8suu2u" class="left-footer">
<h6><a href="http://systransis.cn/"><img src="http://systransis.cn/yun/static/theme/ukd//images/logo.png" alt="UCloud （優(yōu)刻得科技股份有限公司）"></a></h6>
<p>UCloud （優(yōu)刻得科技股份有限公司）是中立、安全的云計(jì)算服務(wù)平臺(tái)，堅(jiān)持中立，不涉足客戶業(yè)務(wù)領(lǐng)域。公司自主研發(fā)IaaS、PaaS、大數(shù)據(jù)流通平臺(tái)、AI服務(wù)平臺(tái)等一系列云計(jì)算產(chǎn)品，并深入了解互聯(lián)網(wǎng)、傳統(tǒng)企業(yè)在不同場(chǎng)景下的業(yè)務(wù)需求，提供公有云、混合云、私有云、專有云在內(nèi)的綜合性行業(yè)解決方案。</p>
</div>
<div id="qoyqs8suu2u" class="right-footer layui-hidemd">
<ul class="flex_box_zd">
<li>
<h6>UCloud與云服務(wù)</h6>
<p><a href="http://systransis.cn/site/about/intro/">公司介紹</a></p>
<p><a >加入我們</a></p>
<p><a href="http://systransis.cn/site/ucan/onlineclass/">UCan線上公開課</a></p>
<p><a href="http://systransis.cn/site/solutions.html" >行業(yè)解決方案</a></p> <p><a href="http://systransis.cn/site/pro-notice/">產(chǎn)品動(dòng)態(tài)</a></p>
</li>
<li>
<h6>友情鏈接</h6> <p><a >GPU算力平臺(tái)</a></p> <p><a >UCloud私有云</a></p>
<p><a >SurferCloud</a></p> <p><a >工廠仿真軟件</a></p> <p><a >Pinex</a></p> <p><a >AI繪畫</a></p>
</li>
<li>
<h6>社區(qū)欄目</h6>
<p><a href="http://systransis.cn/yun/column/index.html">專欄文章</a></p>
<p><a href="http://systransis.cn/yun/udata/">專題地圖</a></p> </li>
<li>
<h6>常見問題</h6>
<p><a href="http://systransis.cn/site/ucsafe/notice.html" >安全中心</a></p>
<p><a href="http://systransis.cn/site/about/news/recent/" >新聞動(dòng)態(tài)</a></p>
<p><a href="http://systransis.cn/site/about/news/report/">媒體動(dòng)態(tài)</a></p> <p><a href="http://systransis.cn/site/cases.html">客戶案例</a></p>
<p><a href="http://systransis.cn/site/notice/">公告</a></p>
</li>
<li>
<span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="優(yōu)刻得"></span>
<p>掃掃了解更多</p></div>
</div>
<div id="qoyqs8suu2u" class="copyright">Copyright ? 2012-2023 UCloud 優(yōu)刻得科技股份有限公司<i>｜</i><a rel="nofollow" >滬公網(wǎng)安備 31011002000058號(hào)</a><i>｜</i><a rel="nofollow" ></a> 滬ICP備12020087號(hào)-3</a><i>｜</i> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://#/hm.js?290c2650b305fc9fff0dbdcafe48b59d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZSMXQ3P9N');
</script>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script></div>
</div>
</footer>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://systransis.cn/" title="成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费">成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="bbdv5" class="pl_css_ganrao" style="display: none;"><style id="bbdv5"><nobr id="bbdv5"></nobr></style><ruby id="bbdv5"><form id="bbdv5"></form></ruby><i id="bbdv5"></i><label id="bbdv5"><strong id="bbdv5"></strong></label><optgroup id="bbdv5"><track id="bbdv5"><tt id="bbdv5"><menuitem id="bbdv5"></menuitem></tt></track></optgroup><font id="bbdv5"><progress id="bbdv5"></progress></font><menuitem id="bbdv5"><span id="bbdv5"><i id="bbdv5"><listing id="bbdv5"></listing></i></span></menuitem><track id="bbdv5"><tt id="bbdv5"></tt></track><acronym id="bbdv5"></acronym><rp id="bbdv5"></rp><listing id="bbdv5"><tt id="bbdv5"></tt></listing><form id="bbdv5"><legend id="bbdv5"><listing id="bbdv5"><dfn id="bbdv5"></dfn></listing></legend></form><acronym id="bbdv5"></acronym><form id="bbdv5"><output id="bbdv5"></output></form><form id="bbdv5"><output id="bbdv5"></output></form><address id="bbdv5"><strike id="bbdv5"></strike></address><dl id="bbdv5"></dl><legend id="bbdv5"></legend><label id="bbdv5"></label><ruby id="bbdv5"></ruby><form id="bbdv5"></form><sub id="bbdv5"></sub><form id="bbdv5"></form><pre id="bbdv5"><style id="bbdv5"></style></pre><rp id="bbdv5"></rp><ruby id="bbdv5"><form id="bbdv5"><legend id="bbdv5"><label id="bbdv5"></label></legend></form></ruby><strike id="bbdv5"></strike><thead id="bbdv5"><dfn id="bbdv5"><u id="bbdv5"><ruby id="bbdv5"></ruby></u></dfn></thead><pre id="bbdv5"><output id="bbdv5"><sub id="bbdv5"><div id="bbdv5"></div></sub></output></pre><b id="bbdv5"><meter id="bbdv5"><sup id="bbdv5"><label id="bbdv5"></label></sup></meter></b><listing id="bbdv5"><dfn id="bbdv5"><menuitem id="bbdv5"><span id="bbdv5"></span></menuitem></dfn></listing><thead id="bbdv5"><label id="bbdv5"><u id="bbdv5"><ruby id="bbdv5"></ruby></u></label></thead><font id="bbdv5"><progress id="bbdv5"></progress></font><ins id="bbdv5"><pre id="bbdv5"></pre></ins><form id="bbdv5"></form><optgroup id="bbdv5"><video id="bbdv5"><sub id="bbdv5"><div id="bbdv5"></div></sub></video></optgroup><nobr id="bbdv5"><b id="bbdv5"></b></nobr><thead id="bbdv5"></thead><u id="bbdv5"></u><div id="bbdv5"><ol id="bbdv5"><pre id="bbdv5"><track id="bbdv5"></track></pre></ol></div><label id="bbdv5"></label><legend id="bbdv5"><dfn id="bbdv5"><u id="bbdv5"><mark id="bbdv5"></mark></u></dfn></legend><i id="bbdv5"><listing id="bbdv5"></listing></i><u id="bbdv5"></u><sub id="bbdv5"><div id="bbdv5"></div></sub><form id="bbdv5"><output id="bbdv5"><sub id="bbdv5"><div id="bbdv5"></div></sub></output></form><form id="bbdv5"><thead id="bbdv5"><label id="bbdv5"><strong id="bbdv5"></strong></label></thead></form><legend id="bbdv5"><listing id="bbdv5"><dfn id="bbdv5"><mark id="bbdv5"></mark></dfn></listing></legend><label id="bbdv5"><strong id="bbdv5"></strong></label><optgroup id="bbdv5"><output id="bbdv5"><address id="bbdv5"><p id="bbdv5"></p></address></output></optgroup><menuitem id="bbdv5"><span id="bbdv5"><legend id="bbdv5"><listing id="bbdv5"></listing></legend></span></menuitem><pre id="bbdv5"><p id="bbdv5"></p></pre><mark id="bbdv5"><form id="bbdv5"></form></mark><label id="bbdv5"><strong id="bbdv5"></strong></label><optgroup id="bbdv5"><output id="bbdv5"><address id="bbdv5"><strike id="bbdv5"></strike></address></output></optgroup><optgroup id="bbdv5"><video id="bbdv5"></video></optgroup><address id="bbdv5"></address><label id="bbdv5"></label><dfn id="bbdv5"></dfn><thead id="bbdv5"></thead><label id="bbdv5"><strong id="bbdv5"></strong></label><span id="bbdv5"><i id="bbdv5"></i></span><p id="bbdv5"><var id="bbdv5"><form id="bbdv5"><output id="bbdv5"></output></form></var></p><div id="bbdv5"></div><rp id="bbdv5"></rp><strong id="bbdv5"></strong><tt id="bbdv5"><menuitem id="bbdv5"><span id="bbdv5"><legend id="bbdv5"></legend></span></menuitem></tt><video id="bbdv5"></video><dfn id="bbdv5"></dfn><th id="bbdv5"><b id="bbdv5"></b></th><th id="bbdv5"></th><dfn id="bbdv5"></dfn><ruby id="bbdv5"><thead id="bbdv5"><legend id="bbdv5"><sup id="bbdv5"></sup></legend></thead></ruby><listing id="bbdv5"><dfn id="bbdv5"><mark id="bbdv5"><form id="bbdv5"></form></mark></dfn></listing><sup id="bbdv5"><strong id="bbdv5"></strong></sup><pre id="bbdv5"><p id="bbdv5"></p></pre><thead id="bbdv5"><label id="bbdv5"><strong id="bbdv5"><rp id="bbdv5"></rp></strong></label></thead><label id="bbdv5"><th id="bbdv5"></th></label><form id="bbdv5"></form><label id="bbdv5"><rp id="bbdv5"><font id="bbdv5"><progress id="bbdv5"></progress></font></rp></label><thead id="bbdv5"></thead><label id="bbdv5"></label><video id="bbdv5"><sub id="bbdv5"><div id="bbdv5"><ol id="bbdv5"></ol></div></sub></video><font id="bbdv5"><progress id="bbdv5"></progress></font><p id="bbdv5"><var id="bbdv5"><form id="bbdv5"><output id="bbdv5"></output></form></var></p><strike id="bbdv5"></strike><thead id="bbdv5"></thead><progress id="bbdv5"><sup id="bbdv5"><label id="bbdv5"><th id="bbdv5"></th></label></sup></progress><video id="bbdv5"><sub id="bbdv5"></sub></video><listing id="bbdv5"><tt id="bbdv5"><mark id="bbdv5"><span id="bbdv5"></span></mark></tt></listing><menuitem id="bbdv5"></menuitem><legend id="bbdv5"><dfn id="bbdv5"><u id="bbdv5"><mark id="bbdv5"></mark></u></dfn></legend><thead id="bbdv5"><listing id="bbdv5"><dfn id="bbdv5"><menuitem id="bbdv5"></menuitem></dfn></listing></thead><mark id="bbdv5"></mark><track id="bbdv5"><tt id="bbdv5"></tt></track><th id="bbdv5"><font id="bbdv5"></font></th><dfn id="bbdv5"></dfn><track id="bbdv5"></track><output id="bbdv5"><sub id="bbdv5"><strike id="bbdv5"><ol id="bbdv5"></ol></strike></sub></output><u id="bbdv5"></u><ol id="bbdv5"><pre id="bbdv5"><video id="bbdv5"><tt id="bbdv5"></tt></video></pre></ol><sup id="bbdv5"><u id="bbdv5"><ruby id="bbdv5"><form id="bbdv5"></form></ruby></u></sup><span id="bbdv5"><legend id="bbdv5"><dfn id="bbdv5"><dfn id="bbdv5"></dfn></dfn></legend></span><pre id="bbdv5"></pre><video id="bbdv5"><sub id="bbdv5"><div id="bbdv5"><strong id="bbdv5"></strong></div></sub></video><dl id="bbdv5"><pre id="bbdv5"><video id="bbdv5"><sub id="bbdv5"></sub></video></pre></dl><output id="bbdv5"><sub id="bbdv5"></sub></output><dfn id="bbdv5"></dfn><mark id="bbdv5"><form id="bbdv5"></form></mark><var id="bbdv5"><optgroup id="bbdv5"></optgroup></var><meter id="bbdv5"><acronym id="bbdv5"><style id="bbdv5"><nobr id="bbdv5"></nobr></style></acronym></meter><output id="bbdv5"><address id="bbdv5"><p id="bbdv5"><var id="bbdv5"></var></p></address></output><optgroup id="bbdv5"><output id="bbdv5"></output></optgroup><nobr id="bbdv5"><small id="bbdv5"><progress id="bbdv5"><pre id="bbdv5"></pre></progress></small></nobr><address id="bbdv5"><strike id="bbdv5"><strong id="bbdv5"><optgroup id="bbdv5"></optgroup></strong></strike></address><form id="bbdv5"><output id="bbdv5"></output></form><ruby id="bbdv5"><form id="bbdv5"><legend id="bbdv5"><label id="bbdv5"></label></legend></form></ruby><address id="bbdv5"><p id="bbdv5"></p></address><acronym id="bbdv5"></acronym><font id="bbdv5"><progress id="bbdv5"></progress></font><ins id="bbdv5"><address id="bbdv5"><strike id="bbdv5"><strong id="bbdv5"></strong></strike></address></ins><font id="bbdv5"></font><nobr id="bbdv5"><small id="bbdv5"><meter id="bbdv5"><pre id="bbdv5"></pre></meter></small></nobr><div id="bbdv5"><ol id="bbdv5"></ol></div><track id="bbdv5"><em id="bbdv5"></em></track><tt id="bbdv5"></tt><style id="bbdv5"><rp id="bbdv5"><thead id="bbdv5"><legend id="bbdv5"></legend></thead></rp></style><address id="bbdv5"><strike id="bbdv5"><strong id="bbdv5"><form id="bbdv5"></form></strong></strike></address><label id="bbdv5"><strong id="bbdv5"></strong></label><output id="bbdv5"><sub id="bbdv5"><div id="bbdv5"><strong id="bbdv5"></strong></div></sub></output><sup id="bbdv5"><label id="bbdv5"><th id="bbdv5"><font id="bbdv5"></font></th></label></sup><i id="bbdv5"><listing id="bbdv5"></listing></i><pre id="bbdv5"></pre><big id="bbdv5"></big><sup id="bbdv5"><strong id="bbdv5"><rp id="bbdv5"><form id="bbdv5"></form></rp></strong></sup><dl id="bbdv5"><optgroup id="bbdv5"></optgroup></dl><u id="bbdv5"><ruby id="bbdv5"><form id="bbdv5"><thead id="bbdv5"></thead></form></ruby></u><acronym id="bbdv5"><style id="bbdv5"><th id="bbdv5"><font id="bbdv5"></font></th></style></acronym><label id="bbdv5"></label><em id="bbdv5"><big id="bbdv5"></big></em><ruby id="bbdv5"><thead id="bbdv5"></thead></ruby><ruby id="bbdv5"><form id="bbdv5"><legend id="bbdv5"><dfn id="bbdv5"></dfn></legend></form></ruby><label id="bbdv5"></label><dfn id="bbdv5"></dfn><optgroup id="bbdv5"><video id="bbdv5"><sub id="bbdv5"><div id="bbdv5"></div></sub></video></optgroup><u id="bbdv5"></u><dl id="bbdv5"><pre id="bbdv5"><video id="bbdv5"><em id="bbdv5"></em></video></pre></dl><tt id="bbdv5"><menuitem id="bbdv5"></menuitem></tt><u id="bbdv5"></u><strong id="bbdv5"><ruby id="bbdv5"><thead id="bbdv5"><thead id="bbdv5"></thead></thead></ruby></strong></div>
<script src="http://systransis.cn/yun/static/theme/ukd/js/common.js"></script>
<<script type="text/javascript">
$(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%");
</script>
</html>]]> |
