Word里面标题和下面的正文都显示在导航栏中,对齐方式联动,不能单独调整的问题解决,软回车和回车区别

1 篇文章 0 订阅
1 篇文章 0 订阅

问题如下两张图所示,大纲后面有正文文字,不能单独调整格式,耦合在一起

互联网抓取的网页生成的python-docx文档,里面好多软回车符号(shift+enter可手工输入,如下图左边是软回车,右边是enter直接正常回车),导致正文和标题格式设置好像耦合在了一起,然后出现上述问题,困扰了好久,终于知道咋回事了。

解决方案如下,首先将软回车替换为正常回车(下箭头变成直角拐弯箭头),然后分别调整标题和正文段落大纲级别及对齐方式

正文,右键,点击段落,大纲级别,从1,2,3级改成正文级别,然后,左边导航栏的正文内容就不显示了,并且标题居中,正文左对齐也能分开设置了,原来标题一调整,正文也跟着动,终于搞定了,虽然问题很小,但还是觉得有意义,记录一下,希望有所帮助

 

而且改成正文级别的时候,左边那个烦人还删不掉的可折叠三角箭头也没了,真是开心!

可以使用flex布局来实现导航栏的下拉菜单和导航栏内元素居对齐。具体实现步骤如下: 1. 给导航栏的父元素设置为flex布局,通过justify-content和align-items属性将子元素居对齐。 2. 给下拉菜单的父元素设置为绝对定位,并通过left和top属性将下拉菜单定位到导航栏的下方。 3. 给下拉菜单的父元素设置为flex布局,并通过justify-content和align-items属性将子元素居对齐。 以下是示例代码: HTML代码: ``` <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li> <a href="#">Services</a> <ul> <li><a href="#">Service 1</a></li> <li><a href="#">Service 2</a></li> <li><a href="#">Service 3</a></li> </ul> </li> <li><a href="#">Contact</a></li> </ul> </nav> ``` CSS代码: ``` nav { display: flex; justify-content: center; align-items: center; } nav ul { list-style: none; display: flex; } nav ul li { margin: 0 10px; position: relative; } nav ul li ul { display: none; position: absolute; left: 0; top: 100%; } nav ul li:hover > ul { display: flex; justify-content: center; align-items: center; } nav ul li ul li { margin: 10px 0; } ``` 在上述代码,我们通过nav元素实现了导航栏,通过ul和li元素实现了导航栏的列表和列表项,通过a元素实现了列表项的链接。下拉菜单通过ul和li元素实现,并通过绝对定位和display:none属性实现了初始状态下的隐藏。通过:hover伪类和display:flex属性实现了鼠标悬停时的下拉菜单显示效果。最后,通过margin属性实现了列表项的间距。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值