Git Product home page Git Product logo

Comments (11)

liubinchu avatar liubinchu commented on May 20, 2024

同求 没有照片 简历觉得缺点什么

from markdown-resume.

nicolasq123 avatar nicolasq123 commented on May 20, 2024

+1

from markdown-resume.

s77zz avatar s77zz commented on May 20, 2024

我加了一条这个,貌似实现了在右侧挂个图片,但图片顶端对齐的是联系方式那一行,效果一般。

<span> <img src="assets/3.jpg" width="80px" style="float:right" /> </span>

from markdown-resume.

Samsalee avatar Samsalee commented on May 20, 2024

<div style="float:right"> <img src="your image link" width="200"> </div

from markdown-resume.

kiritokun07 avatar kiritokun07 commented on May 20, 2024

使用了<div style="float:right"> <img src="your image link" width="200"> </div>代码后我成功添加图片了,但是markdown的## h2下面的线分割了我的照片,我想只把第一个h2下的线隐藏或者右边收短100px应该怎么做呢?用了好多方法都没成功

from markdown-resume.

Samsalee avatar Samsalee commented on May 20, 2024

使用了<div style="float:right"> <img src="your image link" width="200"> </div>代码后我成功添加图片了,但是markdown的## h2下面的线分割了我的照片,我想只把第一个h2下的线隐藏或者右边收短100px应该怎么做呢?用了好多方法都没成功

我是调成80,然后把在正文前换行了几行,就可以了

from markdown-resume.

MakingL avatar MakingL commented on May 20, 2024

+1+1

from markdown-resume.

MakingL avatar MakingL commented on May 20, 2024

使用了<div style="float:right"> <img src="your image link" width="200"> </div>代码后我成功添加图片了,但是markdown的## h2下面的线分割了我的照片,我想只把第一个h2下的线隐藏或者右边收短100px应该怎么做呢?用了好多方法都没成功

我看了 css 代码,横线是 h1 元素的。设置姓名部分的 h1 元素长度,可以避免这个问题。

<div style="float:right"> <img src="your image link" width="100px"> </div>

<center>
<h1 style="width:75%">Your Name</h1>
<div style="width:90%">....</div>
</center>

from markdown-resume.

longqh3 avatar longqh3 commented on May 20, 2024

使用了<div style="float:right"> <img src="your image link" width="200"> </div>代码后我成功添加图片了,但是markdown的## h2下面的线分割了我的照片,我想只把第一个h2下的线隐藏或者右边收短100px应该怎么做呢?用了好多方法都没成功

参考@MakingL老哥的回答,如果要避免被标题下面的线分割照片,可能需要调整标题width所占比例,如<h1 style="width:15%">Your Name</h1><h2 style="width:15%"><img src="assets/info-circle-solid.svg" width="30px"> 个人信息 </h2>这种形式,在保证内容不变的情况下缩短线的长度。

from markdown-resume.

jwcen avatar jwcen commented on May 20, 2024

使用了<div style="float:right"> <img src="your image link" width="200"> </div>代码后我成功添加图片了,但是markdown的## h2下面的线分割了我的照片,我想只把第一个h2下的线隐藏或者右边收短100px应该怎么做呢?用了好多方法都没成功

参考@MakingL老哥的回答,如果要避免被标题下面的线分割照片,可能需要调整标题width所占比例,如<h1 style="width:15%">Your Name</h1><h2 style="width:15%"><img src="assets/info-circle-solid.svg" width="30px"> 个人信息 </h2>这种形式,在保证内容不变的情况下缩短线的长度。

大佬您好,如何调整简历下半部分段落的字体大小呢

from markdown-resume.

hengjindong avatar hengjindong commented on May 20, 2024

添加一行span实现图片靠右,对齐联系方法
<span> <img src="assets/xxx.jpg" width="80px" style="float:right" /> </span>
然后我使用用空白图片将内容向下移动
<img src="assets/empty.png" width="250px">

由于内容向下移动增加空白,可以选择增加其他内容进行填充,我选择将求职意向的部分放在个人照片左边

<img src="assets/empty.png" width="10px">
<img src="assets/job.svg" width="15px"> **求职意向 xxx*

from markdown-resume.

Related Issues (9)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.