Css 考虑聚合物的定型时父母的宽度/高度

Css 考虑聚合物的定型时父母的宽度/高度,css,shadow-dom,polymer-2.x,Css,Shadow Dom,Polymer 2.x,我想在聚合物中的容器元素中设置一些元素的宽度,但这些元素并不像我预期的那样工作。下面是一些小例子: MyContainer类扩展聚合物。元素{ 静态get是(){ 退回‘我的货柜’; } } customElements.define(MyContainer.is,MyContainer); #pblock{ 宽度:50%; } HTMLImports.whenReady(函数(){ 类MyElement扩展了Polymer.Element{ 静态get是(){return'my eleme

我想在聚合物中的容器元素中设置一些元素的宽度,但这些元素并不像我预期的那样工作。下面是一些小例子:


MyContainer类扩展聚合物。元素{
静态get是(){
退回‘我的货柜’;
}
}
customElements.define(MyContainer.is,MyContainer);
#pblock{
宽度:50%;
}
HTMLImports.whenReady(函数(){
类MyElement扩展了Polymer.Element{
静态get是(){return'my element';}
}
customElements.define(MyElement.is,MyElement);
});

宽度:50%未反映,因为您的
容器具有
display:inline
将其更改为
display:block

如果你想让它居中对齐,给
左边距:auto;右边距:自动


MyContainer类扩展聚合物。元素{
静态get是(){
退回‘我的货柜’;
}
}
customElements.define(MyContainer.is,MyContainer);
#pblock{
宽度:50%;
显示:块;
左边距:自动;
右边距:自动;
}
HTMLImports.whenReady(函数(){
类MyElement扩展了Polymer.Element{
静态get是(){return'my element';}
}
customElements.define(MyElement.is,MyElement);
});