Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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 内联块div内图像下方的空白_Html_Css_Image - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 内联块div内图像下方的空白

Html 内联块div内图像下方的空白

html css image

Html 内联块div内图像下方的空白,html,css,image,Html,Css,Image,在我使用的每个浏览器中，图像下方都有空白。 具有显示：块和垂直对齐：顶部属性，但仍然存在空白。图像位于内联块元素内部，可能是因为它吗？ 代码如下，谢谢大家的建议！ HTML: vertical align应在使用inline块的元素中使用 试试这个，它会解决你的问题没问题，别忘了接受答案，尽管答案可能重复 <div class="zazitek-tab"> <div class="zazitek-img"> <img

在我使用的每个浏览器中，图像下方都有空白。 具有
显示：块和
垂直对齐：顶部属性，但仍然存在空白。图像位于
内联块
元素内部，可能是因为它吗？
代码如下，谢谢大家的建议！


HTML:


vertical align
应在使用
inline块的元素中使用


试试这个，它会解决你的问题
没问题，别忘了接受答案，尽管答案可能重复

      <div class="zazitek-tab">
        <div class="zazitek-img">
          <img src="style/car-order.png">
        </div>
        <div class="zazitek-text">
          <div class="zazitek-obsah">
            <h2>Jízda ve Ferrari</h2>
            <p class="description">Vozy se vzpínajícím se hřebcem patří mezi legendy mezi automobily...</p>
            <span class="price">1 500 Kč</span>
            <span class="info-but"><a href="#">Více informací</a></span>
          </div>
        </div>
      </div>



.zazitek-tab {width: 80%; display: block; margin: 0 auto; margin-top: 3%; padding: 0;
-webkit-box-shadow: 5px 6px 15px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 6px 15px -4px rgba(0,0,0,0.75);
box-shadow: 5px 6px 15px -4px rgba(0,0,0,0.75);
transition: 0.3s;}

.zazitek-tab:hover {
-webkit-box-shadow: -5px -4px 15px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -5px -4px 15px -4px rgba(0,0,0,0.75);
box-shadow: -5px -4px 15px -4px rgba(0,0,0,0.75);
}

.zazitek-img {width: 30%; padding: 0 !important; margin: 0; display: inline-block; line-height: 0;}
.zazitek-img img {width: 100% !important; display: block !important; vertical-align: top; height: auto; margin: 0 !important; padding: 0;}
.zazitek-text {width: 65%; padding: 0 !important; margin: 0; display: inline-block; vertical-align: top;}