左右布局文章详情

直接使用代码

图片素材

无

css代码

 <style>
 
    /* 文章详情 */
    .article-box{min-height: 500px;margin:30px 0}
    .article-box .date span{color:#e60012!important}
    .article-box .left-content{padding-right:10px}
    .article-conetnt p{line-height:28px;color:#444}
    .article-conetnt .a-body{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:30px 0;margin:30px 0;color:#333}
    
    
    .article-box .a-title{color:#000;text-align: left;line-height: 20px;padding:8px 0 0px 0;font-size: 21px;}
    .article-box  .right-box{ background: #EBEFF1; padding:8px 25px;padding-bottom:40px;margin-left:30px;margin-bottom:50px;vertical-align: middle;}
    .article-box  .right-box h4{line-height: 50px;border-bottom:1px solid #ccc;color:#555;font-size:19px}
    .article-box  .right-box .label{vertical-align: middle;margin-top:5px;}
    .article-box  .link-item  .r-title{width: 86%;float: right;top:-10px;right:0;position: relative;font-size:14px}
    .article-box .post-nav .com-color{color:#22656b}
    .right-box2{min-height: 300px;}
    .right-box .txt{display: inline-block;color:#fff;background: #22656b;padding:2px 6px;margin-right:10px;margin-top:10px;border-radius: 4px;}
    .right-box .txt:hover{color:#e60012}

    
    .article-box  .link-item{display: block;clear: both; padding-top:15px;font-size:15px;line-height:25px}
    .article-box  .link-item {color:#555;padding-right:10px}
    .article-box  .link-item:hover {color:#e60012}
    .post-nav a:hover{color:#e60012}

</style>

HTML+JS代码

 
<div class="container">
  <div class="article-box">
    <div class="col-md-8 pm">
      <div class="left-content">
        <div class="date com-color"><span style="color:#888">四月</span>01, 2021</div>
        <h3 class="a-title ">
          赛米微尔推出DFN0603系列微小型封装TVS二极管阵列 </h3>
        <div class="article-conetnt">
          <div class="a-body">
            <strong>赛米微尔推出超微小dfn0603封装esd二极管，外形尺寸仅为0.6*0.3*0.3毫米,较业界常用dfn1006及sod-923封装的同类产品节省约66%的电路板空间，更比dfn1006及sod-923封装的同类产品纤薄25%，在离板高度上占尽优势。有3.3v和5v等多款不同工作电压、结电容的双向esd二极管，符合iec61000-4-2静电放电标准，从而满足了智能手机、平板电脑和智能穿戴等超便携产品更高密度的设计需求。</strong><br />
            <br />
            <strong>特性:</strong><br />
            符合iec 61000-4-2 (esd) ，高达±30kv (接触) ，±30kv(空气)<br />
            高浪涌吸收能力<br />
            工作电压：3.3v、5v<br />
            低残压、低漏流<br />
            快速的回应时间，结电容低至0.25pf<br />
            超小薄封装：dfn0603, 0.6(长)*0.3(宽)*0.3(高)毫米<br />
            <br />

            <br />
            <strong>产品线信息：</strong><br />
            http://semiware.com/products-line-list/tvs-diode-arrays.html?attr2=dfn0603<br />
            <br />
            <strong>产品尺寸图：</strong><br />
            <img alt="赛米微尔推出DFN0603系列微小型封装TVS二极管阵列"
              src="http://semiware.com/blog/wp-content/uploads/2020/06/20200628145729_51161.png"
              style="height:auto;" /><br />

            更多信息<br />
            赛米微尔提供200多款esd防护器件，从单路esd防护二极管至多路esd防护阵列，整体外形尺寸小至0.6*0.3*0.3mm(dfn0603)，工作电压范围覆盖2.5v~36v，电容值低至0.2pf,为电子产品的各类通信接口，如usb、hdmi、rs485、rs232、vga、rj11、rj45、bnc、rf和gpio等提供多元化的esd防护方案。更多信息请见semiware官方页面https://semiware.com;如果您有技术问题，请按以下方式联系技术支持团队：
            邮箱：fae03@semiware.com； 电话：86-21-3463-7654； 免费技术支持热线：400-021-5756<br />
            <div class="clear"></div>
          </div>

          <br />
          <div class="post-nav">
            <div class="nav-left line40"><span class="com-color">上一篇: </span>
              <a href="http://bootfastui.cn">赛米微尔推出用于汽车电池电缆的片状压敏电阻SMV系列产品</a>
            </div>
            <div class="nav-right"><span class="com-color">下一篇: </span>
              <a href="http://bootfastui.cn">氧化锌压敏电阻SME系列如何替代TVS齐纳二极管?</a>
              <div class="clear"><br /><br /></div>
            </div>

          </div>
          <br /> <br />
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="right-box">
        <h4>相关</h4>
        <a href="http://bootfastui.cn" class="link-item com-img relative">
          <span class="label label-danger">1</span>
          <div class="r-title "> SESMC24系列ESD静电抑制器在CAN总线收发器中的应用</div>
          <div class="clear"></div>
        </a><a href="http://bootfastui.cn" class="link-item com-img relative">
          <span class="label label-danger">2</span>
          <div class="r-title "> 赛米微尔推出SG8022B090系列电源用陶瓷气体放电管</div>
          <div class="clear"></div>
        </a><a href="http://bootfastui.cn" class="link-item com-img relative">
          <span class="label label-danger">3</span>
          <div class="r-title "> 赛米微尔推出用于汽车电池电缆的片状压敏电阻SMV系列产品</div>
          <div class="clear"></div>
        </a><a href="http://bootfastui.cn" class="link-item com-img relative">
          <span class="label label-danger">4</span>
          <div class="r-title "> 赛米微尔推出DFN0603系列微小型封装TVS二极管阵列</div>

          <div class="clear"></div>
        </a>
        <div class="clear"></div>
      </div>

      <div class="clear"></div>

      <div class="right-box right-box2 ">
        <h4>热门标签</h4>
        <div class="relative">
          <span class="txt txt1"> 静电防护</span>
          <span class="txt txt2"> ESD测试</span>
          <span class="txt txt3"> 静电测试</span>
          <span class="txt txt4"> 高分子PPTC</span>
          <span class="txt txt5"> 静电防护方案</span>
          <span class="txt txt6"> 车规TVS管</span>
          <span class="txt txt7"> EMI整改</span>
          <span class="txt txt8"> 汽车电子</span>
        </div>
        <div class="clear"></div>
      </div>


    </div>
  </div>
</div>

<div class="clear"></div>