Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何从文本顶部删除行高?_Html_Css_Fonts_Text Alignment - Fatal编程技术网

Html 如何从文本顶部删除行高?

Html 如何从文本顶部删除行高?,html,css,fonts,text-alignment,Html,Css,Fonts,Text Alignment,我在文本旁边使用一个左浮动图像,行高为2 如何将图像顶部与文本顶部对齐 折叠由线条高度创建的空间(在 在屏幕截图下方)通过将所有行的高度减小到1或更小 此项目不选择文本的格式 这也将是网站设计中使用的默认样式的一部分 因此,不需要为每次出现手动调整边距 可行 这不是一个单一的情况。可能只有文本,只有 图像、图像后接文本或文本后接图像。文本可能会 标题或段落 有没有办法去除线的顶部高度,并将线的底部高度增加一倍 。左{ 浮动:左; } .文本{ 线高:2; } Lorem ipsum d

我在文本旁边使用一个左浮动图像,行高为2

如何将图像顶部与文本顶部对齐

  • 折叠由线条高度创建的空间(在 在屏幕截图下方)通过将所有行的高度减小到1或更小 此项目不选择文本的格式
  • 这也将是网站设计中使用的默认样式的一部分 因此,不需要为每次出现手动调整边距 可行
  • 这不是一个单一的情况。可能只有文本,只有 图像、图像后接文本或文本后接图像。文本可能会 标题或段落
有没有办法去除线的顶部高度,并将线的底部高度增加一倍

。左{
浮动:左;
}
.文本{
线高:2;
}

Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和职业经理人。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。

你是说像这样

有形象

。左{
浮动:左;
边缘顶部:10px;
}
.文本{
线高:2;
}
div img+.文本{
利润上限:-10px;
}

Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和职业经理人。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。


看看这个。这是你需要的吗

。左{
浮动:左;
边缘顶部:.5em;
}
.文本{
线高:2;
}

Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和职业经理人。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。

像这样的东西

。左{
浮动:左;
右边距:10px;
}
.对{
浮动:对;
左边距:10px;
}
.内容p{
线高:2;
}
.内容img{
边缘顶部:10px;
}

知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。

知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。

知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。

添加此样式:

.text {
  transform: translateY(-0.6em);
}

线条高度为2将使1/2 an
em
位于线条上方,1/2 an
em
位于线条下方。因此,您只需要从文本的上边距减去1/2 em,然后将其添加回图像。如果将图像放置在文本流中,则无论块类型如何,图像都会工作:

。左{
浮动:左;
边缘顶部:.5em;
}
.文本{
线高:2;
边缘顶部:-.5em;
}

知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。


这是正确的结果,但是只有图像旁边的文本(图像向左或向右浮动)才应以这种方式对齐。如果只显示文本,我不想调整边距。@block14我在跟进旧答案后发现了这个问题。我的更新是否以你想要的方式解决了问题?这可能是最接近我的结果。我列出了一个行高度修正的列表,比如:
.clearfix img.left+h3{margin top:-.5em}
。如果有一天
被CSS采纳了,我会做出改变。@block14好的,太好了。。。感谢您的回复和接受。有没有一个解决方案也会影响头?我正要发布一个类似的答案,你应该在文本中添加一个负的.5em上边距。@block14是的,到