小编Fre*_*nce的帖子

如何在ReactJS中的图像上添加文本?

我正在学习 ReactJS。今天我决定创建自己的博客。标题需要带有一些文本的图像。当尝试在图像上添加文本时,文本会向下滑动。我需要将文本位置置于中心

[图片] 1

代码:

标头.tsx

import React from "react";
import './header.scss'

const Header = () => {
  return (
    <header>
      <div className = "head-text">
        <div className = "head-image">
          <img src = {require ('../ images / Header.png')} alt = "Freedom Blog" />
        </div>
          <h3> Welcome to my Blog </h3>
          <p> FREEEEDOM </p>
      </div>
    </header>
  )
}


export default Header;
Run Code Online (Sandbox Code Playgroud)

标头.tsx

import React from 'react';
import Header from './components/Header';
import './index.scss'

const App = () => {
  return (
    <>
      <Header …
Run Code Online (Sandbox Code Playgroud)

html css reactjs

2
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×1

html ×1

reactjs ×1