Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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
Html 如何将其分为两个元素?_Html_Css - Fatal编程技术网

Html 如何将其分为两个元素?

Html 如何将其分为两个元素?,html,css,Html,Css,@介质(最大宽度:1000px){ #子{显示:无;} #sub2{宽度:50%;} #sub2>div:n类型(1):在{content:“First Name-”;}之前 #sub2>div:n类型(2):在{content:“Last Name-”;}之前 #sub2>div:n类型(3):在{content:“Middle Name-”;}之前 } 名字 姓 中名 富优先 福拉斯特 富中 您可以将#sub向左浮动,然后#sub2将位于#sub旁边。然后您可以分别设置#sub和#sub2

@介质(最大宽度:1000px){
#子{显示:无;}
#sub2{宽度:50%;}
#sub2>div:n类型(1):在{content:“First Name-”;}之前
#sub2>div:n类型(2):在{content:“Last Name-”;}之前
#sub2>div:n类型(3):在{content:“Middle Name-”;}之前
}

名字
姓
中名
富优先
福拉斯特
富中
您可以将#sub向左浮动,然后#sub2将位于#sub旁边。然后您可以分别设置#sub和#sub2的样式

#子span{display:none;}
@介质(最大宽度:1000px){
#子{宽度:120px;浮点:左;}
#子span{显示:内联块;}
}

名字-
姓氏-
中间名-
富优先
福拉斯特
富中

您能展示一下您希望它看起来是什么样子吗?请添加您正在使用的CSS。@ibtarek希望sub2的所有值都对齐。请发布您想要的行为和您当前的CSS。不用说,您使用的是一种非常复杂的方法,但可能有某种方法在背后madness@SamsonBujju,如果你能帮我了解你在找什么,我很乐意帮忙。请添加一个数字,并包括您的CSS