基础 CSS 厨房水槽缩略图

Foundation CSS是由 ZURB 基金会于 2011 年 9 月构建的开源和响应式前端框架，它使设计漂亮的响应式网站、应用程序和电子邮件变得非常容易，这些网站、应用程序和电子邮件看起来很棒并且可以在任何设备上访问。该框架建立在类似 Saas 的引导程序上。它更加复杂、灵活且易于定制。它还带有 CLI，因此很容易与模块捆绑器一起使用。它提供了 Fastclick.js 工具，用于在移动设备上更快地呈现。它被许多公司使用，例如 Facebook、eBay、Mozilla、Adobe，甚至迪士尼。该框架建立在类似 Saas 的引导程序上。它更加复杂、灵活且易于定制。它还带有 CLI，因此很容易与模块捆绑器一起使用。它提供了 Fastclick.js 工具，用于在移动设备上更快地呈现。

Kitchen Sink具有在我们的网站和应用程序中运行良好的基础元素。 Kitchen Sink Thumbnail是 Foundation CSS 中提供的一个简单组件，可将图像用作锚标记中的缩略图。缩略图组件以缩略图的形式对图像进行样式设置，并为图像提供边框。 .thumbnail类可以直接应用于图像（ ）元素，或覆盖它的锚标记（ ）。但是，必须添加描述图像内容的alt属性。

基础 CSS 厨房水槽缩略图类：

• thumbnail：用于在锚标签中使用图像作为缩略图

句法：

HTML
  

    Foundation CSS Kitchen Sink Thumbnail
    
    
  
    
    
    
    
    

  

    
        GeeksforGeeks
        Foundation CSS Kitchen Sink Thumbnail
        {Image}
        
        
    
    
        $(document).foundation();
    

  

HTML
  

    Foundation CSS Kitchen Sink Thumbnail
    
    
  
    
    
    
    
    

  

    
        GeeksforGeeks
        Foundation CSS Kitchen Sink Thumbnail
        {Image as Link}
        
        
          
          
    
    
        $(document).foundation();
    

  

输出：

基础 CSS 厨房水槽缩略图

示例：以下代码显示了与锚标记一起使用的缩略图组件。

HTML

  

    Foundation CSS Kitchen Sink Thumbnail
    
    
  
    
    
    
    
    

  

    
        GeeksforGeeks
        Foundation CSS Kitchen Sink Thumbnail
        {Image as Link}
        
        
          
          
    
    
        $(document).foundation();
    

  

输出：

基础 CSS 厨房水槽缩略图

参考： https ://get.foundation/sites/docs/kitchen-sink.html#thumbnail