Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将图例放置在HTML5的底部_Html_Css_Legend - Fatal编程技术网

将图例放置在HTML5的底部

将图例放置在HTML5的底部,html,css,legend,Html,Css,Legend,以前,图例标记具有值为top、bottom、left和right的align属性。但在HTML5中,不再支持此属性。取而代之的是学校 但是如何使用css将图例定位到字段集的底部,使其看起来像这样: 编辑:只是为了澄清:我并不是说im HTML5不支持图例标记,但是align属性已经不存在了。我想把图例放在字段集的底部 您需要手动定位图例 字段集{ 宽度:200px; 高度:50px; 位置:相对位置; 顶部:50px; 左:50px; 框大小:边框框; 边框:纯黑1px; } 传奇{ 位置:绝

以前,图例标记具有值为top、bottom、left和right的align属性。但在HTML5中,不再支持此属性。取而代之的是学校

但是如何使用css将图例定位到字段集的底部,使其看起来像这样:

编辑:只是为了澄清:我并不是说im HTML5不支持图例标记,但是align属性已经不存在了。我想把图例放在字段集的底部


您需要手动定位图例

字段集{ 宽度:200px; 高度:50px; 位置:相对位置; 顶部:50px; 左:50px; 框大小:边框框; 边框:纯黑1px; } 传奇{ 位置:绝对位置; 底部:0; 左:50%; 转换:翻译-50%,50%; 填充:0 5px; 背景:白色; } 传奇 内容在这里。
您需要手动定位图例

字段集{ 宽度:200px; 高度:50px; 位置:相对位置; 顶部:50px; 左:50px; 框大小:边框框; 边框:纯黑1px; } 传奇{ 位置:绝对位置; 底部:0; 左:50%; 转换:翻译-50%,50%; 填充:0 5px; 背景:白色; } 传奇 内容在这里。
元素是。你在哪里听说它不受支持?请包括相关的HTML和CSS来帮助;这看起来你实际上是出于错误的目的使用了图例。我做了以下操作,当你有背景图像并使用元素的透明度时也可以使用。你在哪里听说它不受支持?请包括相关的HTML和CSS来帮助;这看起来你实际上是出于错误的目的使用了图例。我做了以下操作,当你有背景图像并使用透明度时也可以使用