我正在尝试display:flex;在 CSS 中使用相同的文本间距制作一行元素。
这是我得到的,我使用display: inline-block;文本之间的间距差异来实现它- 我希望每个文本都相同。
element {
border-width: 1px;
border-style: solid;
color: rgb(0, 146, 247);
display: inline-block;
height: 18px;
border-radius: 30px;
vertical-align: middle;
}
.footertext {
font-family: 'Open Sans', sans-serif;
color: rgb(124, 134, 205);
margin-left: 20px;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}Run Code Online (Sandbox Code Playgroud)
<div>
<p class="footertext">
First Line
</p>
<element></element>
<p class="footertext">
ABC
</p>
<element></element>
<p class="footertext">
Third Line
</p>
<element></element>
<p class="footertext">
DEFG
</p>
</div>Run Code Online (Sandbox Code Playgroud)
我需要文本之间的那些有趣元素,当我尝试使用display:flex;这些元素时,这些元素就会越界。
我试图<img>与div 排队,但似乎有一些边距/填充<img>.
这是我试过的:
.Box {
display: inline-block;
}
.myDiv {
background: blue;
width: 100px;
color: white;
}
img {
margin: 0px !important;
padding: 0px !important;
width: 100px;
height: 100px;
background: red;
}Run Code Online (Sandbox Code Playgroud)
<div class="Box">
<div class="myDiv">
Content
</div>
</div>
<div class="Box">
<img src="https://i.ytimg.com/vi/2VLDkNjAUBU/maxresdefault.jpg">
</div>Run Code Online (Sandbox Code Playgroud)
我希望它看起来像这样:
这是答案的代码:
conn, err := ssh.Dial("tcp", hostname+":22", config)
if err != nil {
return err
}
session, err := conn.NewSession()
if err != nil {
return err
}
defer session.Close()
r, err := session.StdoutPipe()
if err != nil {
return err
}
name := fmt.Sprintf("%s/backup_folder_%v.tar.gz", path, time.Now().Unix())
file, err := os.OpenFile(name, os.O_APPEND|os.O_WRONLY|os.O_CREATE, 0644)
if err != nil {
return err
}
defer file.Close()
if err := session.Start(cmd); err != nil {
return err
}
n, err := io.Copy(file, r)
if …Run Code Online (Sandbox Code Playgroud)