如何在React JS中消除字体图标和段落之间的差距？
在React JS中消除字体图标和段落之间的差距，可以通过以下几种方法实现：
- 使用CSS样式控制：可以通过设置字体图标和段落的margin和padding属性来调整它们之间的间距。例如，可以将字体图标的margin-bottom属性设置为0，将段落的margin-top属性设置为0，以消除它们之间的间距。
- 使用Flex布局：可以使用Flex布局来控制字体图标和段落的位置和间距。通过将它们放置在同一个Flex容器中，并使用适当的flex属性和间距设置，可以实现它们之间的紧凑排列。
- 使用CSS Reset：可以使用CSS Reset库（如normalize.css）来重置浏览器的默认样式，以消除字体图标和段落之间的差距。这样可以确保它们在不同浏览器中具有一致的外观。
- 使用内联样式：可以直接在React组件中使用内联样式来控制字体图标和段落之间的间距。通过在元素上设置margin和padding属性，可以实现它们之间的紧凑排列。
需要注意的是，以上方法都是通用的前端开发技巧，与React JS无关。在实际应用中，可以根据具体情况选择适合的方法来消除字体图标和段落之间的差距。
推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），可以加速静态资源的传输，提高网页加载速度，进一步优化前端开发体验。产品介绍链接地址：https://cloud.tencent.com/product/cdn
相关·内容
2回答
我正在尝试将图标caret-down的顶部与我的p的底部对齐 ? 箭头和p之间有一个差距，我不知道如何摆脱这个差距。我用margin-bottom: 0设置了p，但图像的间隙仍然存在。我的第二个猜测是将图标设置为负margin-top，但它只起作用到目前为止： ? 上图显示了当我用margin-top: -10px设置图标时发生的事情。我仍然得到了
浏览 26提问于2020-08-22得票数 2
回答已采纳
这是我的HTML和CSS代码。<p></p>Foo</div><p></p>Bar</div>我想知道如何消除红框和蓝框之间的空
浏览 27提问于2017-02-19得票数 0
2回答
我在我的应用程序上对TextView使用自定义字体/自定义字体。TextView显示文本的一段内容，但是由于字体本身有额外的行距，这相当令人恼火。所以段落中的一行和另一行之间有很大的差距。
浏览 1提问于2012-04-24得票数 4
回答已采纳
5回答
我想在我的盖茨比项目中使用字型图标。我想包括字体可怕的CDN。
只是把它包含在脚本标签中是行不通的。我想我需要用import ... from '..
浏览 4提问于2017-10-19得票数 27
回答已采纳
3回答
在这个jsFiddle中，您可以看到一个带有span元素的div。
为什么第一线和上边界线之间有空隙？这是默认的线高吗？我在css类中没有设置任何线高。我如何在不同的浏览器中消除这一差距，同时使用不同的字体？
浏览 1提问于2013-10-29得票数 0
回答已采纳
我正在使用XMLWorker将一个HTML解析成一个PDF文档，并且无法找到一种方法来控制生成的PDF的行距。我被要求确保行距看起来和以前一样。
我读到我可以设置我构建的段落的前导，但这对我只调用ParseXHtml()没有任何帮助。我看到ITextSharp默认为字体大小的1.5倍。文档中的线条高度(行距、前导)。在目录中创建CSS文件，为不同的HTML标记定义行高，用流读取该文
浏览 0提问于2015-03-26得票数 5
回答已采纳
我在我的react本机项目上使用了ToolbarAndroid组件。我想知道如何从"projectFolder/android/app/source/main/res/**“目录中要求一个图标，比如"ic_launcher.png”。我认为ReactiveNative知道哪个图标最适合使用。我不想使用任何字体库，如“反应-本机-矢量-图标”。
感谢你的帮助
浏览 0提问于2016-12-28得票数 1
回答已采纳
我正在为我的应用程序使用React/Redux，该应用程序捆绑在main.5ae1d536.js文件中。正如你所看到的，有一个相当大的差距(几乎1秒！)应用程序的下载和其他下载之间的距离。其余的下载基本上是图片，以及在应用程序启动时拍摄的其他HTTP请求。 我在React应用程序上做了很多测试，我确信一切都运行得很好。尽管如此，我还是不
浏览 9提问于2019-04-20得票数 0
问题是：我在index.html中链接CDN，如下所示：
<script src="https://unpkg.com/react@16/umd/react.production.min.js</e
浏览 1提问于2018-06-01得票数 5
回答已采纳
</Parag4>级别为1、2、3的标签之间的文本字体为MicrosoftNewRomans我想在标签3和4之间添加这个段落。示例：
<NewParag5 Level="Footer"
浏览 3提问于2012-04-04得票数 2
回答已采纳
17回答
每当我试图在React的render()中使用字体图标时，它就不会显示在生成的网页上，尽管它在正常的HTML中工作。function() {}
下面是一个活生生的例子
浏览 3提问于2014-04-16得票数 130
回答已采纳
1回答
期望结果的例子：
我最终得到的结果是非常接近，但不完全是:图标和图标下的文本之间的空间太大了，文本本身已经接触到了圆圈。
查看Label，有一个方法setGap(int)。由于差距在默认情况下为0，所以我使用了一个负值，以使它们更接近。这消除了空间的预期，但是有一个副作用:标签和图标的定位是关闭的，当应用任何间隙值。gap值不仅会影响标签<
浏览 3提问于2019-04-17得票数 1
回答已采纳
1回答
我已经在PDF文档中应用了一种特殊的隐写方法。我试图找到这样一个免费的隐写分析工具，可以识别我的stegoPDF。换句话说，如果我的stegoPDF包含隐藏消息，有人能帮我找到一些免费的隐写分析软件吗？
我需要你的帮助和意见。
浏览 2提问于2013-11-10得票数 1
回答已采纳
我想在我的用于android的react原生项目中使用Font Awesome图标。
我想手动完成它，而不使用任何第三方库，如react-native-vector-icons或其他。
浏览 0提问于2017-08-27得票数 9
回答已采纳
我想创建一个段落如下： color = "green" 这不起作用，并将XML字符串放入报表中，而不是将
浏览 4提问于2016-06-02得票数 1
回答已采纳
1回答
当我在textarea中输入文本并按Enter，然后执行“查看源”时，我看到换行符被翻译成html段落(和)。这导致连续两行之间有很大的差距。有没有办法强迫它使用换行器()？我试过使用CSS，但没有用(看起来我也不能更改字体大小和类型！)<
浏览 1提问于2017-07-11得票数 0
2回答
我有我设计的定制图标的.ttf和.svg文件。但是我想将它们导入到我的NativeBase项目中，使它们可以在NB的<Icon />组件中使用。我怎样才能做到这一点？
浏览 2提问于2018-10-01得票数 1
回答已采纳
初学者反应本地和RN纸。Font.loadAsync({"Raleway-Bold": require("./assets/fonts/Raleway-SemiBold.ttf")}) fontFamily“材料设计图标”不是系统字体，也没有通过Font.loadAs
浏览 1提问于2021-01-05得票数 1
有人能建议我如何将FontAwesome 5 Pro与React集成在一起吗？我知道有包@fortawesome/free fontawesome，例如@fortawesome/fontawesome正则的，但是有什么方法可以包含图标的pro版本吗？当我登录到FontAwesome网站，我可以下载亲版本的JS，但我想这是没有用的反应。
浏览 0提问于2018-03-16得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
