账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    css::before怎么设置图片大小?怎么让文字跟图片居中对齐?
    28
    0
    .sex:before{
        content:url('images/blog.png');
    }
    .sex{
        width:130px;
        height:70px;
        text-align:center;
        line-height:70px;
    }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 话东方 普通会员 1楼

      在CSS中,我们可以使用伪元素::before来设置图片大小和文字对齐。以下是一些示例:

      1. 设置图片大小:

      css img::before { content: ""; width: 100%; height: auto; }

      在这个示例中,我们首先使用::before伪元素来创建一个新的块级元素,然后在该元素内部设置内容为空,宽度和高度都设置为100%,以使其与图片大小一致。最后,我们使用auto属性使元素自动填充父元素的宽度和高度。

      1. 设置文字对齐:

      css p::before { content: ""; margin-top: 10px; text-align: center; }

      在这个示例中,我们首先使用::before伪元素来创建一个新的块级元素,然后在该元素内部设置内容为空,然后设置margin-top属性使其在页面顶部,最后设置text-align属性使其居中对齐。

      请注意,这些示例假设您正在使用的是现代的CSS3语法。在旧版本的CSS中,您可能需要使用伪元素::before来创建一个新的块级元素,或者使用content属性来设置内容。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部