Question

我正在从事Reactjs项目，在那个项目中，在锚标签中，我在Img标签中放了一个徽标。但是我的徽标在Anchor标签中居中显示了吗？＆另一个问题是为什么Anchor标签占用多余的空间？因此，请帮助我调试此问题。

在Navbar.js中

import React, { Component } from 'react';
import './Navbar.css';


class Navbar extends Component {
    render() {
        return (
            <div className='container-fluid'>
                <div className='row'>
                    <div className='col-6'>
                        <nav className="navbar navbar-expand-lg navbar-light">
                            <a className='hyperlinkStyle' href='www.facebook.com'>
                                <img className='logoStyle' src='assets/images/logo.png' alt='logo'></img>
                            </a>
                            <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                                <span className="navbar-toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                                <div class="navbar-nav">
                                    <a className="nav-item nav-link active" href="www.facebook.com">Home <span class="sr-only">(current)</span></a>
                                    <a className="nav-item nav-link" href="www.facebook.com">Features</a>
                                    <a className="nav-item nav-link" href="www.facebook.com">Pricing</a>
                                </div>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        );
    }
}

export default Navbar

我的目标是要知道为什么徽标在Anchor标签中居中，为什么Anchor标签要占用额外的空间来避免这种情况。

在锚标签中，将徽标放在img标签中，但是徽标为什么会居中？

0 个答案: