javascript - 在同一行的 SharePoint 页面内显示多个 Div-6ren

javascript - 在同一行的 SharePoint 页面内显示多个 Div

转载作者：太空宇宙更新时间：2023-11-04 08:19:16

我正在开发一个 Sharepoint 2013 网站。我无法控制页面标记的地方。现在，如果我想修改布局，我可以编写自定义 css 和/或自定义 javascripts/jQuery。

现在我有以下字段，它们以新行显示，如下所示:-

现在我希望字段(文档类型、部门、安全性等)显示在同一行而不是换行。

现在使用 Firefox F12 我可以检查 idKeyFiltersContainer Div 的以下样式:-

element.style {
    overflow-x: hidden;
    overflow-y: auto;
    width: 205px;
}
.ms-KFMenu {
    margin: 0;
}
body, .ms-core-defaultFont, .js-callout-body {
    color: #444;
}
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body {
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 13px;
}

以及 Div ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_FilterFormContainer 的以下样式:-

body, .ms-core-defaultFont, .js-callout-body {
    color: #444;
}
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body {
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 13px;
}

以及具有以下类 ms-KFLabelAndBodyContainer 的 Div 的以下样式:-

.ms-KFLabelAndBodyContainer, .ms-KFHead {
    overflow: hidden;
    padding-left: 5px;
    padding-right: 20px;
}
body, .ms-core-defaultFont, .js-callout-body {
    color: #444;
}
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body {
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 13px;
}

所以有人可以就此提出建议吗？谢谢

编辑这是 Div 中的元素:-

EDIT-2:-

这是包含相关字段的父 Div 的完整 HTML:-

      <div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_FilterFormContainer">

        <div class="ms-KFHeadV3 ms-KFHead">
            <h3 id="idKeyFiltersTitle" class="ms-textLarge">Key Filters</h3>
            <div id="idKeyFiltersHeader" class="ms-noWrap">
                <button id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_KeyFiltersApplyAllButton" class="ms-KFButton" onclick="javascript:_mdnSubmitKeyFilters(false); return false;">Apply</button>
                <button id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_KeyFiltersClearAllButton" class="ms-KFButton" onclick="javascript:_mdnSubmitKeyFilters(true); return false;">Clear</button>
            </div>
        </div>

<div class="ms-KFLabelAndBodyContainer">
    <h3 class="ms-standardheader ms-KFLabel">

                <span>Document Type</span>

    </h3>
    <div class="ms-KFBody ms-KFBodyGeneralFilter">
        <span dir="none"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl01_ctl00_FilterValueControl_ctl00_ctl00"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl01$ctl00$FilterValueControl$ctl00$ctl01" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl01_ctl00_FilterValueControl_ctl00_ctl01" type="hidden"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl01_ctl00_FilterValueControl_ctl00_ctl02" class="ms-taxonomy ms-taxonomy-height ms-long"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl01_ctl00_FilterValueControl_ctl00_ctl02controlHolder" class="ms-taxonomy-control-holder ms-long"><img src="/_layouts/15/images/EMMCopyTerm.png" title="Browse for a valid choice" alt="Browse for a valid choice" tabindex="0" class="ms-taxonomy-browser-button"><div class="ms-taxonomy-fieldeditor ms-taxonomy-fieldeditor-standard" title="Document Type" style="width: 158px;"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl01_ctl00_FilterValueControl_ctl00_ctl02editableRegion" role="textbox" aria-autocomplete="both" aria-haspopup="true" aria-multiline="true" class="ms-rtestate-write ms-taxonomy-writeableregion ms-inputBox" disableribboncommands="True" allowmultilines="false" restrictpastetotext="True" contenteditable="true"></div></div></div><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl01_ctl00_FilterValueControl_ctl00_ctl02suggestionsContainer" class="ms-taxonomy-suggestion-container ms-rtefocus-invalid ms-taxonomy-hidden" unselectable="on"><div class="ms-taxonomy-suggestion-holder" unselectable="on"></div><img src="/_layouts/15/images/CornerGrip.gif" unselectable="on" class="ms-taxonomy-panel-resizer"></div></div></span></span>
    </div>
</div>

<div class="ms-KFLabelAndBodyContainer">
    <h3 class="ms-standardheader ms-KFLabel">

                <span>Departments</span>

    </h3>
    <div class="ms-KFBody ms-KFBodyGeneralFilter">
        <span dir="none"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl02_ctl00_FilterValueControl_ctl00_ctl00"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl02$ctl00$FilterValueControl$ctl00$ctl01" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl02_ctl00_FilterValueControl_ctl00_ctl01" type="hidden"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl02_ctl00_FilterValueControl_ctl00_ctl02" class="ms-taxonomy ms-taxonomy-height ms-long"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl02_ctl00_FilterValueControl_ctl00_ctl02controlHolder" class="ms-taxonomy-control-holder ms-long"><img src="/_layouts/15/images/EMMCopyTerm.png" title="Browse for a valid choice" alt="Browse for a valid choice" tabindex="0" class="ms-taxonomy-browser-button"><div class="ms-taxonomy-fieldeditor ms-taxonomy-fieldeditor-standard" title="Departments" style="width: 158px;"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl02_ctl00_FilterValueControl_ctl00_ctl02editableRegion" role="textbox" aria-autocomplete="both" aria-haspopup="true" aria-multiline="true" class="ms-rtestate-write ms-taxonomy-writeableregion ms-inputBox" disableribboncommands="True" allowmultilines="false" restrictpastetotext="True" contenteditable="true"></div></div></div><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl02_ctl00_FilterValueControl_ctl00_ctl02suggestionsContainer" class="ms-taxonomy-suggestion-container ms-rtefocus-invalid ms-taxonomy-hidden" unselectable="on"><div class="ms-taxonomy-suggestion-holder" unselectable="on"></div><img src="/_layouts/15/images/CornerGrip.gif" unselectable="on" class="ms-taxonomy-panel-resizer"></div></div></span></span>
    </div>
</div>

<div class="ms-KFLabelAndBodyContainer">
    <h3 class="ms-standardheader ms-KFLabel">

                <span>Customer</span>

    </h3>
    <div class="ms-KFBody ms-KFBodyGeneralFilter">
        <span dir="none"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl03_ctl00_FilterValueControl_ctl00_ctl00"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl03$ctl00$FilterValueControl$ctl00$ctl01" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl03_ctl00_FilterValueControl_ctl00_ctl01" type="hidden"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl03_ctl00_FilterValueControl_ctl00_ctl02" class="ms-taxonomy ms-taxonomy-height ms-long"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl03_ctl00_FilterValueControl_ctl00_ctl02controlHolder" class="ms-taxonomy-control-holder ms-long"><img src="/_layouts/15/images/EMMCopyTerm.png" title="Browse for a valid choice" alt="Browse for a valid choice" tabindex="0" class="ms-taxonomy-browser-button"><div class="ms-taxonomy-fieldeditor ms-taxonomy-fieldeditor-standard" title="Customer" style="width: 158px;"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl03_ctl00_FilterValueControl_ctl00_ctl02editableRegion" role="textbox" aria-autocomplete="both" aria-haspopup="true" aria-multiline="true" class="ms-rtestate-write ms-taxonomy-writeableregion ms-inputBox" disableribboncommands="True" allowmultilines="false" restrictpastetotext="True" contenteditable="true"></div></div></div><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl03_ctl00_FilterValueControl_ctl00_ctl02suggestionsContainer" class="ms-taxonomy-suggestion-container ms-rtefocus-invalid ms-taxonomy-hidden" unselectable="on"><div class="ms-taxonomy-suggestion-holder" unselectable="on"></div><img src="/_layouts/15/images/CornerGrip.gif" unselectable="on" class="ms-taxonomy-panel-resizer"></div></div></span></span>
    </div>
</div>

<div class="ms-KFLabelAndBodyContainer">
    <h3 class="ms-standardheader ms-KFLabel">

                <span>Security</span>

    </h3>
    <div class="ms-KFBody ms-KFBodyGeneralFilter">
        <span dir="none"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl04_ctl00_FilterValueControl_ctl00_ctl00"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl04$ctl00$FilterValueControl$ctl00$ctl01" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl04_ctl00_FilterValueControl_ctl00_ctl01" type="hidden"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl04_ctl00_FilterValueControl_ctl00_ctl02" class="ms-taxonomy ms-taxonomy-height ms-long"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl04_ctl00_FilterValueControl_ctl00_ctl02controlHolder" class="ms-taxonomy-control-holder ms-long"><img src="/_layouts/15/images/EMMCopyTerm.png" title="Browse for a valid choice" alt="Browse for a valid choice" tabindex="0" class="ms-taxonomy-browser-button"><div class="ms-taxonomy-fieldeditor ms-taxonomy-fieldeditor-standard" title="Security" style="width: 158px;"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl04_ctl00_FilterValueControl_ctl00_ctl02editableRegion" role="textbox" aria-autocomplete="both" aria-haspopup="true" aria-multiline="true" class="ms-rtestate-write ms-taxonomy-writeableregion ms-inputBox" disableribboncommands="True" allowmultilines="false" restrictpastetotext="True" contenteditable="true"></div></div></div><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl04_ctl00_FilterValueControl_ctl00_ctl02suggestionsContainer" class="ms-taxonomy-suggestion-container ms-rtefocus-invalid ms-taxonomy-hidden" unselectable="on"><div class="ms-taxonomy-suggestion-holder" unselectable="on"></div><img src="/_layouts/15/images/CornerGrip.gif" unselectable="on" class="ms-taxonomy-panel-resizer"></div></div></span></span>
    </div>
</div>

<div class="ms-KFLabelAndBodyContainer">
    <h3 class="ms-standardheader ms-KFLabel">

                <span>Topic</span>

    </h3>
    <div class="ms-KFBody ms-KFBodyGeneralFilter">
        <span dir="none"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl05_ctl00_FilterValueControl_ctl00_ctl00"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl05$ctl00$FilterValueControl$ctl00$ctl01" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl05_ctl00_FilterValueControl_ctl00_ctl01" type="hidden"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl05_ctl00_FilterValueControl_ctl00_ctl02" class="ms-taxonomy ms-taxonomy-height ms-long"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl05_ctl00_FilterValueControl_ctl00_ctl02controlHolder" class="ms-taxonomy-control-holder ms-long"><img src="/_layouts/15/images/EMMCopyTerm.png" title="Browse for a valid choice" alt="Browse for a valid choice" tabindex="0" class="ms-taxonomy-browser-button"><div class="ms-taxonomy-fieldeditor ms-taxonomy-fieldeditor-standard" title="Topic" style="width: 158px;"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl05_ctl00_FilterValueControl_ctl00_ctl02editableRegion" role="textbox" aria-autocomplete="both" aria-haspopup="true" aria-multiline="true" class="ms-rtestate-write ms-taxonomy-writeableregion ms-inputBox" disableribboncommands="True" allowmultilines="false" restrictpastetotext="True" contenteditable="true"></div></div></div><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl05_ctl00_FilterValueControl_ctl00_ctl02suggestionsContainer" class="ms-taxonomy-suggestion-container ms-rtefocus-invalid ms-taxonomy-hidden" unselectable="on"><div class="ms-taxonomy-suggestion-holder" unselectable="on"></div><img src="/_layouts/15/images/CornerGrip.gif" unselectable="on" class="ms-taxonomy-panel-resizer"></div></div></span></span>
    </div>
</div>

<div class="ms-KFLabelAndBodyContainer">
    <h3 class="ms-standardheader ms-KFLabel">

                Modified

    </h3>
    <div class="ms-KFBody ms-KFBodyRangeCapableFilter">
        <select name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl06$ctl00$FilterValueOperatorControl" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl06_ctl00_FilterValueOperatorControl" class="ms-KFOperationDropdown">
        <option value="Eq">On</option>
        <option value="Leq">On or Before</option>
        <option value="Geq">On or After</option>

    </select>
        <span dir="none">
<table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
    <td class="ms-dtinput">
    <label for="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl06_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDate" style="display:none">Modified Date</label>
    <input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl06$ctl00$FilterValueControl$ctl00$ctl00$DateTimeField$DateTimeFieldDate" maxlength="45" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl06_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDate" title="Modified" class="ms-input" autopostback="0" type="text"></td>
    <td class="ms-dtinput">
    <a href="#" onclick="clickDatePicker(&quot;ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl06_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDate&quot;, &quot;\u002fkb\u002fCustomerServiceKB\u002f_layouts\u002f15\u002fiframe.aspx?&amp;cal=1&amp;lcid=2057&amp;langid=1033&amp;tz=00:59:59.9998609&amp;ww=0111110&amp;fdow=1&amp;fwoy=0&amp;hj=0&amp;swn=False&amp;minjday=109207&amp;maxjday=2666269&amp;date=&quot;, &quot;&quot;, event);return false;"><img id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl06_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDateDatePickerImage" src="/_layouts/15/images/calendar_25.gif" alt="Select a date from the calendar." border="0"></a></td>
    <td>
    <iframe id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl06_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDateDatePickerFrame" src="/_layouts/15/images/blank.gif" scrolling="no" style="DISPLAY:none;POSITION:absolute; width:200px; Z-INDEX:101;" title="Select a date from the calendar." frameborder="0"></iframe></td>
    </tr></tbody></table>

<div class="ms-KFLabelAndBodyContainer">
    <h3 class="ms-standardheader ms-KFLabel">

                <span>Modified By</span>

    </h3>
    <div class="ms-KFBody ms-KFBodyUserFilter">
        <span dir="none">
<input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$HiddenUserFieldValue" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_HiddenUserFieldValue" type="hidden">
<span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField" class="ms-usereditor" editoroldvalue="" removetext="Remove" value="" nomatchestext="<No Matching Names>" allowempty="1" moreitemstext="More Names..." prefercontenteditablediv="true" showdatavalidationerrorborder="false" allowtypein="true" invalidate="false" eeaftercallbackclientscript="" showentitydisplaytextintextbox="0" aria-live="polite" aria-relevant="all"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$UserField$hiddenSpanData" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_hiddenSpanData" value="&amp;#160;" type="hidden"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$UserField$OriginalEntities" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_OriginalEntities" value="<Entities />" type="hidden"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$UserField$HiddenEntityKey" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_HiddenEntityKey" type="hidden"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$UserField$HiddenEntityDisplayText" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_HiddenEntityDisplayText" type="hidden"><table id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_OuterTable" class="ms-usereditor" style="border-collapse:collapse;" cellspacing="0" cellpadding="0">
        <tbody><tr valign="bottom">
            <td style="width:88%;" valign="top"><table style="width:100%;table-layout:fixed;" cellspacing="0" cellpadding="0">
                <tbody><tr>
                    <td id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_containerCell"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_upLevelDiv" tabindex="0" onfocus="StoreOldValue('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField'); saveOldEntities('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField'); Sys.UI.DomElement.addCssClass(this, 'ms-inputBoxActive');" aria-multiline="true" onblur="if(typeof(ExternalCustomControlCallback)=='function'){ if(ShouldCallCustomCallBack('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField',event)){if(!ValidatePickerControl('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField')){ShowValidationError();return false;}else {ExternalCustomControlCallback('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');}}} Sys.UI.DomElement.removeCssClass(this, 'ms-inputBoxActive');" class="ms-inputuserfield ms-inputBox" onclick="onClickRw(true, true,event,'ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');" onchange="updateControlValue('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');" onpaste="dopaste('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField',event);" prefercontenteditablediv="true" autopostback="0" rows="1" ondragstart="canEvt(event);" onkeyup="return onKeyUpRw('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');" oncopy="docopy('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField',event);" title="People Picker" onkeydown="return onKeyDownRw('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField', 3, true, event);" spellcheck="false" aria-haspopup="true" style="word-wrap: break-word;overflow-x: hidden;" name="upLevelDiv" role="textbox" contenteditable="true">&nbsp;</div><textarea name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$UserField$downlevelTextBox" rows="1" cols="20" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_downlevelTextBox" class="ms-inputuserfield ms-inputBox" onfocus="StoreOldValue('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField'); saveOldEntities('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField'); Sys.UI.DomElement.addCssClass(this, 'ms-inputBoxActive');" onkeyup="return onKeyUpRw('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');" title="People Picker" onchange="updateControlValue('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');" onblur="if(typeof(ExternalCustomControlCallback)=='function'){ if(ShouldCallCustomCallBack('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField',event)){if(!ValidatePickerControl('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField')){ShowValidationError();return false;}else {ExternalCustomControlCallback('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');}}} Sys.UI.DomElement.removeCssClass(this, 'ms-inputBoxActive');" onkeydown="return onKeyDownRw('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField', 3, true, event);" autopostback="0" renderascontenteditablediv="true" style="width:100%;display: none;position: absolute; "></textarea></td>
                </tr>
            </tbody></table></td><td style="padding-left:5px;float:right;" valign="top" nowrap="true" align="center"><a id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_checkNames" title="Check Names" onclick=" if(!ValidatePickerControl('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField')){ ShowValidationError(); return false;} var arg=getUplevel('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField'); var ctx='ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField';EntityEditorSetWaitCursor(ctx);WebForm_DoCallback('ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$UserField',arg,EntityEditorHandleCheckNameResult,ctx,EntityEditorHandleCheckNameError,true);return false;" href="javascript:"><img title="Check Names" src="/_layouts/15/images/checknames.png" alt="Check Names"></a>&nbsp;<a id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_browse" title="Browse" onclick="__Dialog__ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField(); return false;" href="javascript:"><img title="Browse" src="/_layouts/15/images/addressbook.gif" alt="Browse"></a></td>
        </tr><tr>
            <td colspan="3"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_errorLabel" class="ms-error"></span></td>
        </tr>
    </tbody></table></span>

<div class="ms-KFLabelAndBodyContainer">
    <h3 class="ms-standardheader ms-KFLabel">

                Created

    </h3>
    <div class="ms-KFBody ms-KFBodyRangeCapableFilter">
        <select name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl08$ctl00$FilterValueOperatorControl" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl08_ctl00_FilterValueOperatorControl" class="ms-KFOperationDropdown">
        <option value="Eq">On</option>
        <option value="Leq">On or Before</option>
        <option value="Geq">On or After</option>

    </select>
        <span dir="none">
<table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
    <td class="ms-dtinput">
    <label for="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl08_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDate" style="display:none">Created Date</label>
    <input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl08$ctl00$FilterValueControl$ctl00$ctl00$DateTimeField$DateTimeFieldDate" maxlength="45" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl08_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDate" title="Created" class="ms-input" autopostback="0" type="text"></td>
    <td class="ms-dtinput">
    <a href="#" onclick="clickDatePicker(&quot;ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl08_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDate&quot;, &quot;\u002fkb\u002fCustomerServiceKB\u002f_layouts\u002f15\u002fiframe.aspx?&amp;cal=1&amp;lcid=2057&amp;langid=1033&amp;tz=00:59:59.9998609&amp;ww=0111110&amp;fdow=1&amp;fwoy=0&amp;hj=0&amp;swn=False&amp;minjday=109207&amp;maxjday=2666269&amp;date=&quot;, &quot;&quot;, event);return false;"><img id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl08_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDateDatePickerImage" src="/_layouts/15/images/calendar_25.gif" alt="Select a date from the calendar." border="0"></a></td>
    <td>
    <iframe id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl08_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDateDatePickerFrame" src="/_layouts/15/images/blank.gif" scrolling="no" style="DISPLAY:none;POSITION:absolute; width:200px; Z-INDEX:101;" title="Select a date from the calendar." frameborder="0"></iframe></td>
    </tr></tbody></table>

<div class="ms-KFLabelAndBodyContainer">
    <h3 class="ms-standardheader ms-KFLabel">

                <span>Created By</span>

    </h3>
    <div class="ms-KFBody ms-KFBodyUserFilter">
        <span dir="none">
//code removed to minimize charecter count
        <tbody><tr valign="bottom">
            <td style="width:88%;" valign="top"><table style="width:100%;table-layout:fixed;" cellspacing="0" cellpadding="0">
                <tbody><tr>
                    //code removed to minimize the charecters
                </tr>
            </tbody></table></td>
        </tr><tr>
            <td colspan="3"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl09_ctl00_FilterValueControl_ctl00_UserField_errorLabel" class="ms-error"></span></td>
        </tr>
    </tbody></table></span>

</div>

最佳答案

如果您使用的是 Jquery，则在 document.ready 中调用以下函数

$(".KFLabelAndBodyContainer").css("float:left","width":"x%");

宽度应为 100/(你想要的连续容器数)

以上语法将浮点属性应用于类“KFLabelAndBodyContainer”

或者你可以直接在css选择器下面写

.KFLabelAndBodyContainer{
float:left;
width:x%;
}

不要忘记为容器应用正确的宽度。

关于javascript - 在同一行的 SharePoint 页面内显示多个 Div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45655871/

文章推荐： javaagent、系统托盘和关机

文章推荐： C:在运行时输入文本，之前没有设置固定的数组大小

sharepoint - 如何在不安装 sharepoint 的情况下使用 Sharepoint cmdlet？
我必须使用 powershell 将 csv 文件字段上传到 Sharepoint 2010 列表中。我在 Windows XP 机器上工作。当我尝试添加 pssnapin 时 Add-PSSnap
sharepoint - 如何从 SharePoint 外部访问 SharePoint 文件和文件夹？
我需要以编程方式与来自 SharePoint 外部的 SharePoint 文件夹、文件和列表进行交互。大多数教程侧重于在 SharePoint 本身内工作，或者至少在安装 SharePoint 的同
sharepoint - 将 SharePoint 用户写入 SharePoint 列表中的用户字段的正确方法
我正在将用户写入 SharePoint 列表。我读过 SharePoint 用户字段中有一个这样的字符串:userId;#userLoginName 在写入用户字段时，我尝试以相同的方式进行格式化，
sharepoint - 在 SharePoint 自定义应用程序中使用 SharePoint 左侧导航
是否可以在“提供商托管应用程序”中使用 SharePoint 左侧导航栏。 SharePoint 网站“PlaceHolderLeftNavBar”上显示的导航。有没有像某些 ajax 调用或 RES
sharepoint - 如何将我的代理凭据传递给 SharePoint 客户端上下文对象...？ (SharePoint 客户端对象模型)
我正在编写一个使用客户端对象模型访问 SharePoint 站点的应用程序，并且我在代理服务器后面。我打电话... ClientContext.ExecuteQuery() 并收到以下错误消息...
sharepoint - 在没有本地 sharepoint 安装的情况下开发 sharepoint 项目
我在远程计算机上有一个 SharePoint 2013 服务器。我安装了这个:https://www.microsoft.com/en-us/download/details.aspx?id=355
sharepoint - Sharepoint 列表和每月上传到 Sharepoint 的 Excel 文件之间的核对
我对强大的应用程序还很陌生，并试图为我的以下场景确定最佳行动方案。我想根据每个新的月度文件确定哪些用户提交了列表 A，哪些用户没有提交。我在我创建的 Sharepoint 上有一个列表(列表 A)，
sharepoint - Sharepoint 列表中的复合外键
我有两个共享点列表。 List1 - 这包含所有用户并且主键为 UserIdList2 - 这包含所有类(class)，主键为 CourseId 现在我想定义第三个列表，它将其主键作为复合键。List
sharepoint - Sharepoint 公告列表中的过期项目会怎样？
sharepoint 公告列表中的过期项目会怎样？我可以得到所有项目包括过期项目吗？最佳答案它们本身没有任何变化 - 它们只是使用带过滤器的 View 从显示中过滤掉。这是使用的过滤器:- 你可
sharepoint - SharePoint 资源字符串位于何处
我有一个由其他人编程的页面布局 PeopleSearchResults.aspx。它包含以下标签 SharePoint refine people search results control .
sharepoint - SharePoint:网站布局
嗨，我想知道我可以使用哪种布局来获取右上角的搜索框。我使用（欢迎页面）空白Web部件页面）作为页面布局，但是它缺少右上角的搜索框。还有另一个问题：如何在“创建页面”页面的列表中添加自己的布局。谢谢。
sharepoint - 如何使用版本控制将文档从 SharePoint 2003 移动到 SharePoint 2007？
我正在拼命寻找一种工具，允许我将旧版本的文档从 SharePoint 2003 复制到 SharePoint 2007 站点。你知道有什么简单的(最好是免费的)工具可以做到这一点吗？最佳答案这对
sharepoint - SharePoint XSLT扩展功能是否有引用？
我可以在现成的SharePoint Web部件(RSS Viewer和Data View Web部件)中使用几个不同的.NET XSLT函数。 ... More...
sharepoint - 如何开始学习 SharePoint
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
sharepoint-2010 - SharePoint WebPart 能否连接到自定义 SharePoint WebPart
我需要使用默认共享点过滤器 Web 部件传递的值。我看不到自定义共享点 Web 部件如何建立连接并获取数据。这可能吗？已更新提供者 WebPart 是默认的 SharePoint 列表过滤器 We
sharepoint - SharePoint 列表中带有项目链接的自动编号列
有一个关于同一主题的类似问题，但我正在添加这个问题并且之前的讨论已经解决。这是原始问题的链接:Auto number column in SharePoint list 我现在试图找出在 MOSS
sharepoint - SharePoint 环境中的身份验证
我们正在开发一个使用集成身份验证的 Intranet 门户，但站点的一些部分将暴露给不在域中的用户。对于这些用户，我们计划使用匿名访问。但是，我们整个应用程序的显示逻辑是基于登录到门户的用户，因此我们
sharepoint - SharePoint 中的性能数据分析
市场上是否有任何工具可以有效分析 SharePoint 列表中的数据？我有一个客户希望分析和报告存储在 SharePoint 中的员工绩效数据。最佳答案 Does SSRS give you any
sharepoint - sharepoint 中的最大文件上传大小
我使用以下方法将文档上传到 sharepoint 文档库。但是，在执行查询时 - 收到以下错误: 消息 = “远程服务器返回错误:(400) 错误请求。” 文件失败超过 1mb，所以我通过 shar
sharepoint - Sharepoint 最佳实践有哪些？
关闭。这个问题是opinion-based .它目前不接受答案。想要改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 9 年前。 Improve

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 在同一行的 SharePoint 页面内显示多个 Div