新手想写个导航栏,但是文字不知道如何横排,在div里面居中?

新手刚学css,想写个导航栏,但是不知道下面的那种情况该如何处理,我想要那种一块一块的菜单块(首页) (新闻)这样子,然后方块里面的文字水平,垂直居中,横向排列,但是技术有限不知道如何处理,求大神帮助,尽量能加点注释,好理解。谢谢。

你用的是p标签,p标签默认是占满一行,所以你的导航就不能水平排列了;如果一定要用p标签的话可以给p标签设置个宽度再加个浮动,eg:width:120px;float:left;导航类建议用ul li。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2021-04-19
css里加上float:left;追问

加过float了,但是没有效果

追答

给home和news所在的标签加

第2个回答  2021-04-19
父容器添加一下属性:

display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
第3个回答  2021-04-19
首先,导航栏规范一般是用ul:li的啊!还是先看多点教学吧