响应CSS文本

响应CSS文本,css,Css,我已经尝试了24个多小时来做一些非常简单的事情,或者我相信这很简单。我不是一个程序员,但是我需要在这所大学里工作,我试着想办法让它工作,但它就是不工作 我需要在左边写一个汉字,在右边写3个汉字,与左边的汉字对齐,并且要有响应性,如果我增加字体大小,一切都会变得一团糟,4个小段落与上面的内容对齐 正文{ 背景颜色:白肋木; 字体大小:400; 颜色:#333; 填充:1em; 保证金:0; } #试验{ 浮动:左; 显示:块; 字体大小:50px; 右边距:30px; } 文章{ 边缘顶部:20

我已经尝试了24个多小时来做一些非常简单的事情,或者我相信这很简单。我不是一个程序员,但是我需要在这所大学里工作,我试着想办法让它工作,但它就是不工作

我需要在左边写一个汉字,在右边写3个汉字,与左边的汉字对齐,并且要有响应性,如果我增加字体大小,一切都会变得一团糟,4个小段落与上面的内容对齐

正文{
背景颜色:白肋木;
字体大小:400;
颜色:#333;
填充:1em;
保证金:0;
}
#试验{
浮动:左;
显示:块;
字体大小:50px;
右边距:30px;
}
文章{
边缘顶部:20px;
左边距:20px;
}
#帕拉格{
显示:块;
}

gds asdgsa asdkjasd askjdnaksd akjsd

gds asdgsa djgsadjh

gds asdgsa djgsadjh

gds asdgsa djgsadjh

试试这个

正文{
背景颜色:白肋木;
字体大小:400;
颜色:#333;
填充:1em;
边距:0;}
#试验{
浮动:左;
显示:块;
字体大小:50px;
右边距:30px;
}
文章{
边缘顶部:20px;
左边距:20px;
}
#帕拉格{
明确:两者皆有;
显示:块;
}

gds asdgsa asdkjasd askjdnaksd akjsd

gds asdgsa djgsadjh

gds asdgsa djgsadjh

gds asdgsa djgsadjh


最好使用
flex
来获得所需的输出;只需将字母包装在
div
中,然后移除放置在上面的
float
元素

正文{
背景颜色:白肋木;
字体大小:400;
颜色:#333;
填充:1em;
边距:0;}
日本汉字{
显示器:flex;
对齐项目:居中;
}
#试验{
字体大小:50px;
右边距:20px;
}

gds asdgsa asdkjasd askjdnaksd akjsd

gds asdgsa djgsadjh

gds asdgsa djgsadjh

gds asdgsa djgsadjh


哇,太棒了!我花了24小时才找到答案,多亏了你!如此简单却又如此。。。对于一个非程序员来说很难!再次感谢大家!我很高兴请投票并接受这个答案,如果它解决了你的问题哇!我甚至不知道这个Flex显示屏!听起来更专业!太棒了,谢谢bunch@Marcell不用担心,很乐意帮忙:)