数码资讯
HTML左向右的自适应布局(使用CSSCSS表达式)
在最新的HTML标准中,有一个CSS CSS表达式,我们可以用它来计算布局。但是在旧IE中,它不受支持,对于所有浏览器,让我们与JS共享解决不支持的问题。 在最新的HTML标准中,有一个计算器表达式,我们可以用它来计算布局。 但在旧IE中,它不受支持,对于所有浏览器,都是用js完成的。 截图: 代码
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
在最新的HTML标准中,有一个CSS CSS表达式,我们可以用它来计算布局。但是在旧IE中,它不受支持,对于所有浏览器,让我们与JS共享解决不支持的问题。
在最新的HTML标准中,有一个计算器表达式,我们可以用它来计算布局。
但在旧IE中,它不受支持,对于所有浏览器,都是用js完成的。
截图:
代码:
复制代码代码如下所示:
myhtml.html
左,中,右,宽;
窗口。指针函数(){
左= $(右);
中心('center美元);
右= $(左);
Onresize();
};
窗口。onresize =函数(){
{试
宽度= document.body.clientwidth;
center.style.width =(宽left.clientwidth - right.clientwidth - 0)+PX;
} catch(e){
小于0的错误
}
};
函数$(id){
返回document.getelementbyid(ID);
}
主体,HTML {
身高:100%;
保证金:0px;
填料:0px;
溢出:隐藏;
}
#左,#中心,#右{
宽度:200px;
身高:100px;
背景颜色:RGB(34124134);
浮点数:左;
身高:100%;
}
#中心{
背景颜色:红色;
}
在最新的HTML标准中,有一个计算器表达式,我们可以用它来计算布局。
但在旧IE中,它不受支持,对于所有浏览器,都是用js完成的。
截图:
代码:
复制代码代码如下所示:
myhtml.html
左,中,右,宽;
窗口。指针函数(){
左= $(右);
中心('center美元);
右= $(左);
Onresize();
};
窗口。onresize =函数(){
{试
宽度= document.body.clientwidth;
center.style.width =(宽left.clientwidth - right.clientwidth - 0)+PX;
} catch(e){
小于0的错误
}
};
函数$(id){
返回document.getelementbyid(ID);
}
主体,HTML {
身高:100%;
保证金:0px;
填料:0px;
溢出:隐藏;
}
#左,#中心,#右{
宽度:200px;
身高:100px;
背景颜色:RGB(34124134);
浮点数:左;
身高:100%;
}
#中心{
背景颜色:红色;
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。