`
lzj0470
  • 浏览: 1245565 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

div 里面放H2，div会被撑大？

    博客分类：
  • css
 
阅读更多 
<style>
.hotel_list .hotel_info .info_1 ul li{list-style:none;float:left;}
.hotel_list .hotel_info .info_1 .c1{border:1px solid #dce8ed;width:23px;text-align:center;line-height:16px;height:16px;}
.hotel_list .hotel_info .info_1 .c1 strong{vertical-align:top;font-family:Arial,Helvetica,sans-serif;color:#0084bb;font-weight:bold}
.hotel_list .hotel_info .info_1 .c2{padding-left:5px;padding-top:2px;line-height:16px;height:16px;}
.hotel_list .hotel_info .info_1 .c2 .hotel_Name{font-size:14px;color:#0084bb;font-weight:bold;word-wrap:break-word;word-break:break-all}
</style>

<div class="info_1">
					<ul>
						<li class="border"><div class="c1"><strong>2</strong></div></li>
						<li class="border"><div class="c2"><h2><a href="room.html" target="_blank" class="hotel_Name">青岛喜来客连锁商务宾馆</a></h2></div></li>
					
					</ul>
					
				</div>
分享到：
| display:block 与 display:inline 用法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS里元素初始化文件html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,

    对css里的元素如：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, ...

    div css样式表默认定制h1,h2,h3,h4,h5标题样式代码下载

    div css样式表默认定制h1,h2,h3,h4,h5标题样式代码下载

    javascript实现显示和隐藏div方法汇总

    javascript实现显示和隐藏div方法汇总 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;15种方法实现div显示和隐藏&lt;/title&gt; [removed][removed] &lt;...

    多种CSS3波浪文字动画特效.zip

    &lt;h2&gt;slow&lt;/h2&gt; &lt;div class="txtwav slow"&gt;  Lorem ipsum dolor sit amet, consectetur adipiscing elit &lt;/div&gt; &lt;h2&gt;vibe&lt;/h2&gt; &lt;div class="txtwav vibe"&gt;  Lorem ipsum dolor sit amet, consectetur ...

    css+div技术参考手册

    css+div技术参考手册 什么是样式表： CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 如何将样式表加入您的网页： 你...

    h2在div IE7中不垂直居中问题解决方法

    IE7下h2在div中不垂直居中的问题想必大家都很无奈吧，下面与大家分享下具体的解决方法：需要给h2加上样式，如果div的高度为30px，则h2的样式应该为38px

    给大家提供一个div+css的标准网页模板

    #logo h2, #logo h2 a { font-size: 13px; color: #9F9F9F; } /* Menu */ #menu { float: right; } #menu ul { margin: 0px; padding: 78px 30px 0px 0px; list-style: none; } #menu li { float: left; } #menu a {...

    jQuery倾斜分割布局的幻灯片切换特效.zip

     &lt;h2 class="skw-page__heading"&gt;jQuery倾斜分割鼠标滚动切换代码&lt;/h2&gt;  &lt;/div&gt;  &lt;/div&gt; &lt;/div&gt;  &lt;/div&gt;  &lt;div class="skw-page skw-page-2"&gt; &lt;div class="skw-page__half skw-page__half--left"&gt;  ...

    jQuery的带标题描述文字的响应式幻灯片代码.zip

    &lt;div id="sliderContainer"&gt;  &lt;div id="prev" class="arrow"&gt;&lt;/div&gt;  &lt;div id="slider"&gt;  &lt;div class="slide"&gt;  &lt;div class="slideCopy"&gt;    &lt;/div&gt;  &lt;img &gt; &lt;/div&gt;  &lt;div class="slide"&gt;  &lt;div ...

    jQuery的带标题描述文字响应式幻灯片代码.zip

    &lt;div id="container"&gt;  &lt;div id="sliderContainer"&gt;  &lt;div id="prev" class="arrow"&gt;&lt;/div&gt;  &lt;div id="slider"&gt;  &lt;div class="slide"&gt;  &lt;div class="slideCopy"&gt; 1231231  &lt;/div&gt;  &lt;img &gt; &lt;/div&gt;  ...

    CSS3特效鼠标悬停文字标题切换对应内容代码.zip

     &lt;div class="demo__elem demo__elem-1"&gt;简约的多文字布局&lt;/div&gt;  &lt;div class="demo__elem demo__elem-2"&gt;一列的图文混排布局&lt;/div&gt;  &lt;div class="demo__elem demo__elem-3"&gt;两列的图文混排布局&lt;/div&gt;  ...

    如家宠物网站

    &lt;h2 class="title"&gt;宠物医院介绍&lt;/h2&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="block-content clearfix"&gt; &lt;div class="content-text"&gt; &lt;p&gt; 丹东如家宠物医院是一家系统办公家具公司，系统是产品齐全，系统是服务全程，节约...

    jQuery H5鼠标悬停手风琴滑动切换特效.zip

    &lt;h2 class="product-introduce-title"&gt;云服务器&lt;/h2&gt; 极速稳定高弹性的计算服务 &lt;div class="product-introduce-list"&gt; 强大的计算性能 弹性的按需扩展 更低的网络时延 &lt;/div&gt; &lt;span class="price-blue"&gt;49...

    jQuery的倾斜分割布局幻灯片切换特效.zip

     &lt;h2 class="skw-page__heading"&gt;jQuery倾斜分割鼠标滚动切换代码&lt;/h2&gt;  &lt;/div&gt;  &lt;/div&gt; &lt;/div&gt;  &lt;/div&gt; 这是一款非常有创意滑动鼠标滚轮控制切换的jQuery CSS3网页倾斜分割布局幻灯片切换特效。

    div-css-漂亮的导航条

    h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 0px 15px; } img { border: none; } /*- Menu Tabs 1--------------------------- */ #tabs...

    详解CSS选择符之子代选择符

    后代选择符用于选取一个标签的所有后代，包括子代和孙辈等；而子代选择符只选取指定父辈的子代标签... &lt;h2&gt;div里面的h2&lt;/h2&gt; div里面的p标签，p标签里面有一个&lt;strong&gt;&lt;a&gt;加粗的链接&lt;/a&gt;&lt;/strong&gt; &lt;/div&gt; &lt;h2&gt;b

    CSS3的鼠标悬停文字标题切换对应内容代码.zip

     &lt;div class="demo__elem demo__elem-2"&gt;一列的图文混排布局&lt;/div&gt;  &lt;div class="demo__elem demo__elem-3"&gt;两列的图文混排布局&lt;/div&gt;  &lt;span class="demo__hover demo__hover-1"&gt;&lt;/span&gt;  ...

    bootstrap jQuery点击打开浮动确认框代码.zip

    代码片段： &lt;...&lt;h2&gt;Handling actions&lt;/h2&gt; &lt;h4&gt;One or several jquery click click events &lt;div class="btn btn-success popconfirm test-jquery-click"&gt;测试 jQuery Click事件&lt;/div&gt;

Magicbox
Global site tag (gtag.js) - Google Analytics