Question

我的CSS有3个问题，我在两个菜单之间有空格我不知道如何删除它：space between 2 menus

2问题：

我怎么能对齐两个跨度，一个在另一个前面： SPAN ALIGN

3问题： 当我从一个位置X开始时，我如何对齐我的标题：我做过：float: right，但我希望所有标题都在一个位置TITLE ALIGN

开始

这是我的代码：

#dataSourceContainerContent{
    border: 2px solid black;
    padding: 10px;
    border-radius: 10px 20px;
}
#dataFiltres{
    float: right;
}

代码：我用JS生成了我的Html，我有一个对象Accordion（UWA ELEMENT），我把这个函数称为构建我的菜单：

initAccordion:function(Acc){



            for(var i=0;i<this.dataSourceInfo["dataSource"].length;i++){


            Acc.addItem({title:'<span class="fonticon "'+Assets.sourceIcons.protein+'></span>'+'  '+'<input id="checkBox" type="checkbox"> '+this.dataSourceInfo["dataSource"][i].name
                +'  '+'<span class="'+App.views.remoteMonitor.subviews.DataSourceContainer.dataSourceContainerTitle.dataSourceURL+'">'+this.dataSourceInfo["dataSource"][i].URL+'</span>'
                });

            Acc.setContent(i,this.setContentItem(this.dataSourceInfo["dataSource"][i]));

            }
        },
        setContentItem:function(Elem){ 

            var contentItem=UWA.createElement('div',{ 
                id:App.views.remoteMonitor.subviews.DataSourceContainer.dataSourceContainerContent.ids,
                identifier:'dataSourceContainer',
                reference: 'dataSourceContainer' 
             });
            contentItem.hide();
            var contentItemDataSets=UWA.createElement('span',{ 
                id:App.views.remoteMonitor.subviews.DataSourceContainer.dataSourceContainerContent.dataSets,
                identifier:'dataSourceContainerDataSets',
                reference: 'dataSourceContainerDataSets' 
             });


                for(var j=0;j<Elem["dataSets"].length;j++){
                    contentItemDataSets.addContent('</br>'+Elem["dataSets"][j].name);
                }
            var contentItemDataFilters=UWA.createElement('span',{ 
                id:App.views.remoteMonitor.subviews.DataSourceContainer.dataSourceContainerContent.dataFiltres,
                identifier:'dataSourceContainerDataFiltres',
                reference: 'dataSourceContainerDataFiltres' 
            });

CSS问题容器显示/对齐span / align标题

0 个答案: