�组保留的标签 余下为需要删除的标签
                unset($oldtag[$key]);
            }
        }
    }
    

    if (!empty($oldtag)) {
        $tagids = array();
        foreach ($oldtag as $tagid => $tagname) {
            $tagids[] = $tagid;
        }

        well_oldtag_delete($tagids, $tid);
    }

    $r = well_tag_process($tid, $fid, $create_tag, $tagarr);

    

    return $r;
}

// 删除标签和绑定的主题
function well_oldtag_delete($tagids, $tid)
{
    

    $pagesize = count($tagids);
    $arrlist = well_tag_find_by_tagids($tagids, 1, $pagesize);

    

    $delete_tagids = array(); // 删除
    $tagids = array();
    $n = 0;
    foreach ($arrlist as $val) {
        ++$n;
        
        if (1 == $val['count']) {
            // 只有一个主题
            $delete_tagids[] = $val['tagid'];
            
        } else {
            $tagids[] = $val['tagid'];
        }
        
    }

    

    !empty($delete_tagids) and well_tag_delete($delete_tagids);

    $arlist = well_tag_thread_find_by_tid($tid, 1, $n);
    if ($arlist) {
        $ids = array();
        foreach ($arlist as $val) $ids[] = $val['id'];

        well_tag_thread_delete($ids);
    }

    !empty($tagids) and well_tag_update($tagids, array('count-' => 1));

    
}

// 标签数据处理 $arr=新提交的数组 $tagarr=保留的旧标签
function well_tag_process($tid, $fid, $new_tags = array(), $tagarr = array())
{
    if (empty($tid)) return '';

    

    // 新标签处理入库
    if ($new_tags) {

        

        $threadarr = array();
        $tagids = array();
        $i = 0;
        $size = 5;
        $n = count($tagarr);
        $n = $n > $size ? $size : $size - $n;

        

        foreach ($new_tags as $name) {
            ++$i;
            $name = trim($name);
            $name = stripslashes($name);
            $name = strip_tags($name);
            $name = str_replace(array('&nbsp;', '#', "@", "$", "%", "^", '&', '·', '<', '>', '；', '`', '~', '!', '￥', '……', ';', '?', '？', '-', '—', '_', '=', '+', '.', '{', '}', '|', ':', '：', '、', '/', '。', '[', ']', '【', '】', '‘', '	', '    ', '  ', '   ', '    '), '', $name);
            $name = htmlspecialchars($name, ENT_QUOTES);
            if ($name && $i <= $n) {
                
                // 查询标签
                $read = well_tag_read_name($name);
                
                if ($read) {
                    // 存在 count+1
                    $tagids[] = $read['tagid'];
                    
                } else {
                    // 入库
                    $arr = array('name' => $name, 'count' => 1);
                    
                    $tagid = well_tag_create($arr);
                    FALSE === $tagid and message(-1, lang('create_failed'));
                    $read = array('tagid' => $tagid, 'name' => $name);
                    
                }

                $tag_thread = array('tagid' => $read['tagid'], 'tid' => $tid);

                

                $threadarr[] = $tag_thread;

                

                $tagarr[$read['tagid']] = $read['name'];
            }
        }

        

        !empty($threadarr) and tag_thread_big_insert($threadarr);

        !empty($tagids) and well_tag_update($tagids, array('count+' => 1));
    }

    

    $json = empty($tagarr) ? '' : xn_json_encode($tagarr);

    

    return $json;
}




?>   $v = implode(",", $v);
        $temp[] = $v;
    }
    // 去掉重复的字符串,也就是重复的一维数组
    $temp = array_unique($temp);
    // 再将拆开的数组重新组装
    $output = array();
    foreach ($temp as $k => $v) {
        if ($stkeep) $k = $starr[$k];
        if ($ndformat) {
            $temparr = explode(",", $v);
            foreach ($temparr as $ndkey => $ndval) $output[$k][$ndarr[$ndkey]] = $ndval;
        } else $output[$k] = explode(",", $v);
    }
    return $output;
}

// 合并二维数组 如重复 值以第一个数组值为准
function array2_merge($array1, $array2, $key = '')
{
    if (empty($array1) || empty($array2)) return NULL;
    $arr = array();
    foreach ($array1 as $k => $v) {
        isset($v[$key]) ? $arr[$v[$key]] = array_merge($v, $array2[$k]) : $arr[] = array_merge($v, $array2[$k]);
    }
    return $arr;
}

/*
 * 对二维数组排序 两个数组必须有一个相同的键值
 * $array1 需要排序数组
 * $array2 按照该数组key排序
 * */
function array2_sort_key($array1, $array2, $key = '')
{
    if (empty($array1) || empty($array2)) return NULL;
    $arr = array();
    foreach ($array2 as $k => $v) {
        if (isset($v[$key]) && $v[$key] == $array1[$v[$key]][$key]) {
            $arr[$v[$key]] = $array1[$v[$key]];
        } else {
            $arr[] = $v;
        }
    }

    return $arr;
}




?><!DOCTYPE html><html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /><meta http-equiv="Cache-Control" content="no-transform" /><meta http-equiv="Cache-Control" content="no-siteapp" /><meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta name="referrer" content="origin-when-cross-origin"><meta name="applicable-device" content="pc,mobile" /><meta name="MobileOptimized" content="width" /><meta name="HandheldFriendly" content="true" /><meta name="renderer" content="webkit" /><meta name="keywords" content="元素,宽度,滚动" /><meta name="description" content="scrollwidth详解" /><title>scrollwidth详解编程频道|福州电脑网
</title><link rel="shortcut icon" href="/view/img/favicon.ico" /><link rel="icon" sizes="32x32" href="/view/img/favicon.ico"><link rel="Bookmark" href="/view/img/favicon.ico" /><link rel="stylesheet" href="/view/template/mitiqin/css/style.css?2.3.0"><link rel="stylesheet" href="/view/template/mitiqin/css/iconfont.css?2.3.0"><script src="/view/template/mitiqin/js/jquery-2.2.4.min.js?2.3.0" type="text/javascript"></script></head><body><div id="header"><div class="header container"><div class="logo"><a href="/"  title="福州电脑网_福州电脑维修_福州电脑之家_福州iThome"><img src="/view/template/mitiqin/img/logo.png" alt="福州电脑网_福州电脑维修_福州电脑之家_福州iThome"></a></div><div id="monavber" class="nav" data-type="index" data-infoid><ul id="nav" class="navbar"><li class="navbar-item" data-active="fid-0"><a href="/">首页</a></li><li class="navbar-item" fid="5" data-active="fid-5"><a href="/biancheng">编程之家</a></li><li class="navbar-item" fid="4" data-active="fid-4"><a href="/xitong">系统教程</a></li><li class="navbar-item" fid="12" data-active="fid-12"><a href="/shuma">数码周边</a></li><li class="navbar-item" fid="13" data-active="fid-13"><a href="/pc">电脑</a></li></ul></div><div id="mnav"><i class="iconfont icon-app"></i></div><div id="search"><i class="iconfont icon-search"></i></div><div class="search"><form id="form-search" action="/operate/search.html"><input type="text" name="keyword" placeholder="关键词" value=""/><button type="submit" value="搜索"><i class="iconfont icon-search"></i></button><input type="hidden" name="range" value="1"></form></div></div></div>
<div class="fzithome-com breadcrumb2 container-w"><div id="b" class="cl"><div class="fzithome-com fl"><i class="iconfont icon-home"></i><a href="/">首页</a>&nbsp;>&nbsp;
<a href="/xitong">系统教程</a><a href="/xitong/1718381222a703639.html" title="首页">scrollwidth详解</a></div></div></div><div class="fzithome-com main container-w cl"><div class="fzithome-com mainl"><div class="fzithome-com art-post"><div class="fzithome-com title"><h1>scrollwidth详解</h1><div class="fzithome-com info"><span><a href="/xitong"><i class="iconfont icon-crossborder-fill"></i>系统教程</a></span><span><i class="iconfont icon-browse"></i>107</span><span><i class="iconfont icon-message-fill"></i>0</span><span>
                        更新时间：2026-04-03 20:25:59</span></div></div><div class="fzithome-com art-content"><article class="single-post"><div class="fzithome-com entry"><p>2024年6月15日发(作者：)</p><p><h2></h2></p><p></img></p><p style="text-indent: 2em;font-size:18px;"></p><p style="text-indent: 2em;font-size:18px;">scrollwidth详解 </p><p style="text-indent: 2em;font-size:18px;">（原创实用版） </p><p style="text-indent: 2em;font-size:18px;">目录 </p><p style="text-indent: 2em;font-size:18px;">1.介绍 scrollwidth 属性   </p><p style="text-indent: 2em;font-size:18px;">width 的属性值   </p><p style="text-indent: 2em;font-size:18px;">width 的用法示例   </p><p style="text-indent: 2em;font-size:18px;">width 的兼容性   </p><p style="text-indent: 2em;font-size:18px;">5.小结 </p><p style="text-indent: 2em;font-size:18px;">正文 </p><p style="text-indent: 2em;font-size:18px;">一、介绍 scrollwidth 属性 </p><p style="text-indent: 2em;font-size:18px;">scrollwidth 属性是 HTML 中的一个属性，主要用于设置一个元素的</p><p style="text-indent: 2em;font-size:18px;">滚动宽度。当一个元素的宽度大于其容器的宽度时，scrollwidth 属性可</p><p style="text-indent: 2em;font-size:18px;">以让元素产生水平滚动条，从而实现内容的滚动显示。scrollwidth 属性</p><p style="text-indent: 2em;font-size:18px;">可以设置为一个具体的像素值，或者设置为“auto”让浏览器自动计算滚</p><p style="text-indent: 2em;font-size:18px;">动宽度。 </p><p style="text-indent: 2em;font-size:18px;">二、scrollwidth 的属性值 </p><p style="text-indent: 2em;font-size:18px;">scrollwidth 属性的属性值主要有两种： </p><p style="text-indent: 2em;font-size:18px;">1.像素值：设置一个具体的像素值，例如：“scrollwidth="100px"”，</p><p style="text-indent: 2em;font-size:18px;">表示元素的滚动宽度为 100 像素。 </p><p style="text-indent: 2em;font-size:18px;">：设置为“auto”让浏览器自动计算滚动宽度。这是默认值，</p><p style="text-indent: 2em;font-size:18px;">如果未设置 scrollwidth 属性，则默认为“auto”。 </p><p style="text-indent: 2em;font-size:18px;">三、scrollwidth 的用法示例 </p><p style="text-indent: 2em;font-size:18px;">下面是一个 scrollwidth 属性的用法示例： </p><p style="text-indent: 2em;font-size:18px;">```html   </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">第 1 页 共 3 页 </p><p style="text-indent: 2em;font-size:18px;"><!DOCTYPE html>   </p><p style="text-indent: 2em;font-size:18px;"><html>   </p><p style="text-indent: 2em;font-size:18px;"><head>   </p><p style="text-indent: 2em;font-size:18px;"><style>   </p><p style="text-indent: 2em;font-size:18px;"> .scroll-demo {   </p><p style="text-indent: 2em;font-size:18px;">    width: 200px;   </p><p style="text-indent: 2em;font-size:18px;">    height: 100px;   </p><p style="text-indent: 2em;font-size:18px;">    overflow: auto;   </p><p style="text-indent: 2em;font-size:18px;">    scrollwidth: 100px;   </p><p style="text-indent: 2em;font-size:18px;">  }   </p><p style="text-indent: 2em;font-size:18px;"></style>   </p><p style="text-indent: 2em;font-size:18px;"></head>   </p><p style="text-indent: 2em;font-size:18px;"><body> </p><p style="text-indent: 2em;font-size:18px;"><div class="scroll-demo">   </p><p style="text-indent: 2em;font-size:18px;">  <p>这是一个带有滚动宽度限制的元素，其滚动宽度为 100 像素。</p><p style="text-indent: 2em;font-size:18px;"></p>   </p><p style="text-indent: 2em;font-size:18px;"></div> </p><p style="text-indent: 2em;font-size:18px;"></body>   </p><p style="text-indent: 2em;font-size:18px;"></html>   </p><p style="text-indent: 2em;font-size:18px;">``` </p><p style="text-indent: 2em;font-size:18px;">在这个示例中，我们设置了一个 200 像素宽，100 像素高的元素，</p><p style="text-indent: 2em;font-size:18px;">并将其 overflow 属性设置为“auto”，scrollwidth 属性设置为“100px”。</p><p style="text-indent: 2em;font-size:18px;">这样，当元素内容超出容器宽度时，就会显示水平滚动条，并且滚动宽度</p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">第 2 页 共 3 页 </p><p style="text-indent: 2em;font-size:18px;">为 100 像素。 </p><p style="text-indent: 2em;font-size:18px;">四、scrollwidth 的兼容性 </p><p style="text-indent: 2em;font-size:18px;">scrollwidth 属性在各种主流浏览器中均具有良好的兼容性，包括 </p><p style="text-indent: 2em;font-size:18px;">Chrome、Firefox、Safari、Edge 等。不过，需要注意的是，scrollwidth </p><p style="text-indent: 2em;font-size:18px;">属性只对块级元素生效，对于内联元素或者行内元素，需要将其设置为块</p><p style="text-indent: 2em;font-size:18px;">级元素后才能使用 scrollwidth 属性。 </p><p style="text-indent: 2em;font-size:18px;">五、小结 </p><p style="text-indent: 2em;font-size:18px;">scrollwidth 属性是 HTML 中一个实用的属性，它可以让开发者轻松</p><p style="text-indent: 2em;font-size:18px;">地设置元素的滚动宽度，实现内容的滚动显示。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">第 3 页 共 3 页 </p><p><p><h2></h2></p></img></p></div></article></div><div class="fzithome-com info"><div><span>本文发布于:2024-06-15，感谢您对本站的认可！</span></div><div><span>本文链接:</span><a href="https://www.fzithome.com/xitong/1718381222a703639.html" title="scrollwidth详解">https://www.fzithome.com/xitong/1718381222a703639.html</a></div><div><span>版权声明:本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。</span></div></div><span class="tag"><i class="iconfont icon-discount" style="font-size:12px;font-weight:bold;opacity:.7;">本文标签：</i><a href="/tag/1928.html" target="_blank">元素</a><a href="/tag/4938.html" target="_blank">宽度</a><a href="/tag/1484.html" target="_blank">滚动</a></span></div><div class="fzithome-com post_comments" id="comments"><div id="comt-respond" class="commentpost"><h4>发布评论
<span><a rel="nofollow" id="cancel-reply" href="#comment" style="display:none;"><small>取消回复</small></a></span></h4><form action="/comment/create/703639.html?safe_token=8v_2FcPbzAYhXjweEvBuYIcY8WDRk0DlKBvJ5shf2z_2BlnHuxpHAj_2BbqhlgzIn4e8ZjuSjaqVwFZ7CGpYq495DGlg_3D_3D" method="post" name="saypl" id="frmSumbit"><input type="hidden" name="doctype" value="1" /><input type="hidden" name="quotepid" value="0" /><div id="comment-tools"><div class="fzithome-com tools_text"><textarea placeholder="请在这里留言..." name="message" id="txaArticle" class="text input-block-level comt-area" cols="50" rows="4" tabindex="5"></textarea></div></div><div class="fzithome-com psumbit"><input name="sumbit" type="submit" tabindex="6" value="发布" class="button" /></div></form></div><div class="fzithome-com commentlist"><div class="fzithome-com comment-tab"><div class="fzithome-com come-comt">评论列表<span id="comment_count">（有<span id="infocommentnumarea" style="color:#c81111">0</span>条评论）</span></div></div><ul class="diy-comment"></ul></div></div></div><div class="fzithome-com mainr"><section id="aside_about" class="widget widget_aside_about sb br mb"><div class="avatar"><img class="img" src="/view/template/mitiqin/img/tx.jpg"
             alt="福州电脑网_福州电脑维修_福州电脑之家_福州iThome"/></div><div class="wrap pd"><p class="title">福州电脑网_福州电脑维修_福州电脑之家_福州iThome</p><p class="info">福州电脑维修网(fzithome.com)专业的电脑维修,笔记本维修,上门维修各种电脑,笔记本,平板等,快速上门.电脑知识频道内容覆盖:计算机资讯,电脑基础应用知识,各种电脑故障维修学习,电脑外设产品维修维护,病毒，软件,硬件,常识.</p><ul class="ul clearfix"></ul></div></section><div class="fzithome-com clear"></div><div class="fzithome-com widgets"><h4 class="bar">相关推荐</h4><div class="fzithome-com hot-post"><ul class="clearfix"><li><a href="/xitong/1718262032a697374.html"title='uiauto rpa操作手册' aria-label='uiauto rpa操作手册'><span class="sptit">uiauto rpa操作手册</span></a></li><li><a href="/xitong/1718309372a699769.html"title='text-decoration用法' aria-label='text-decoration用法'><span class="sptit">text-decoration用法</span></a></li><li><a href="/xitong/1718329487a700799.html"title='keil offsetof 数组' aria-label='keil offsetof 数组'><span class="sptit">keil offsetof 数组</span></a></li><li><a href="/xitong/1718332224a700934.html"title='htmlselect用法' aria-label='htmlselect用法'><span class="sptit">htmlselect用法</span></a></li><li><a href="/xitong/1718332321a700940.html"title='html标签属性大全(完美版)' aria-label='html标签属性大全(完美版)'><span class="sptit">html标签属性大全(完美版)</span></a></li><li><a href="/xitong/1718375669a703350.html"title='memset在java中的用法' aria-label='memset在java中的用法'><span class="sptit">memset在java中的用法</span></a></li><li><a href="/xitong/1718376520a703400.html"title='jquery遍历节点方法' aria-label='jquery遍历节点方法'><span class="sptit">jquery遍历节点方法</span></a></li><li><a href="/xitong/1718376598a703404.html"title='jQuery完全手册' aria-label='jQuery完全手册'><span class="sptit">jQuery完全手册</span></a></li><li><a href="/xitong/1718376663a703407.html"title='js的setattribute方法' aria-label='js的setattribute方法'><span class="sptit">js的setattribute方法</span></a></li><li><a href="/xitong/1718381222a703639.html"title='scrollwidth详解' aria-label='scrollwidth详解'><span class="sptit">scrollwidth详解</span></a></li><li><a href="/xitong/1722915086a706700.html"title='下拉式组合框添加内容' aria-label='下拉式组合框添加内容'><span class="sptit">下拉式组合框添加内容</span></a></li><li><a href="/xitong/1724337110a733725.html"title='offset系列属性' aria-label='offset系列属性'><span class="sptit">offset系列属性</span></a></li><li><a href="/biancheng/1728281646a779176.html"title='Selenium库快速查找网页元素及执行浏览器模拟操作' aria-label='Selenium库快速查找网页元素及执行浏览器模拟操作'><span class="sptit">Selenium库快速查找网页元素及执行浏览器模拟操作</span></a></li><li><a href="/biancheng/1729015278a862595.html"title='小白用chatgpt编写python 爬虫程序代码 抓取网页数据(js动态生成网页元素)' aria-label='小白用chatgpt编写python 爬虫程序代码 抓取网页数据(js动态生成网页元素)'><span class="sptit">小白用chatgpt编写python 爬虫程序代码 抓取网页数据(js动态生成网页元素)</span></a></li><li><a href="/biancheng/1754670463a2627180.html"title='Chrome审查元素一些介绍' aria-label='Chrome审查元素一些介绍'><span class="sptit">Chrome审查元素一些介绍</span></a></li><li><a href="/xitong/1767248335a2675320.html"title='OpenAI右下角小喇叭不见了解决方案' aria-label='OpenAI右下角小喇叭不见了解决方案'><span class="sptit">OpenAI右下角小喇叭不见了解决方案</span></a></li><li><a href="/xitong/1770719440a2679437.html"title='跨越技术限制，用Body Scroll Lock 实现无缝滚动锁定功能' aria-label='跨越技术限制，用Body Scroll Lock 实现无缝滚动锁定功能'><span class="sptit">跨越技术限制，用Body Scroll Lock 实现无缝滚动锁定功能</span></a></li><li><a href="/xitong/1771763019a2689928.html"title='Firenvim进阶之路：深入解析globalSettings与localSettings的完整指南' aria-label='Firenvim进阶之路：深入解析globalSettings与localSettings的完整指南'><span class="sptit">Firenvim进阶之路：深入解析globalSettings与localSettings的完整指南</span></a></li><li><a href="/xitong/1773834820a2705505.html"title='穿越火线怀旧服预约网页vue3版本_202.z怀旧码' aria-label='穿越火线怀旧服预约网页vue3版本_202.z怀旧码'><span class="sptit">穿越火线怀旧服预约网页vue3版本_202.z怀旧码</span></a></li><li><a href="/biancheng/1774399424a2710384.html"title='【C++STL基础入门】list的增、删_c++ list删除指定元素' aria-label='【C++STL基础入门】list的增、删_c++ list删除指定元素'><span class="sptit">【C++STL基础入门】list的增、删_c++ list删除指定元素</span></a></li></ul></div></div><div class="fzithome-com clear"></div><div class="widget widget_tags"><h4 class="bar">标签列表</h4><ul><li class="submenu"><a target="_blank" href="/tag/244959.html">系统精简</a></li><li class="submenu"><a target="_blank" href="/tag/244934.html">中心优化</a></li><li class="submenu"><a target="_blank" href="/tag/244927.html">更新驱动</a></li><li class="submenu"><a target="_blank" href="/tag/244887.html">创建任务</a></li><li class="submenu"><a target="_blank" href="/tag/244867.html">手机无线</a></li><li class="submenu"><a target="_blank" href="/tag/244820.html">它移到废</a></li><li class="submenu"><a target="_blank" href="/tag/244813.html">盘问题</a></li><li class="submenu"><a target="_blank" href="/tag/244794.html">单位要禁</a></li><li class="submenu"><a target="_blank" href="/tag/244776.html">功能文件</a></li><li class="submenu"><a target="_blank" href="/tag/244742.html">进程的启</a></li><li class="submenu"><a target="_blank" href="/tag/244724.html">默认禁止</a></li><li class="submenu"><a target="_blank" href="/tag/244718.html">病毒免疫</a></li><li class="submenu"><a target="_blank" href="/tag/244710.html">器完整使</a></li><li class="submenu"><a target="_blank" href="/tag/244691.html">这里注意</a></li><li class="submenu"><a target="_blank" href="/tag/244681.html">很卡</a></li><li class="submenu"><a target="_blank" href="/tag/244639.html">允许当前</a></li><li class="submenu"><a target="_blank" href="/tag/244612.html">分钟搞定</a></li><li class="submenu"><a target="_blank" href="/tag/244586.html">视频页面</a></li><li class="submenu"><a target="_blank" href="/tag/244533.html">没有输入</a></li><li class="submenu"><a target="_blank" href="/tag/244488.html">下載最新</a></li></ul></div><div class="fzithome-com clear"></div></div></div>