河南省明港网站建设_网页定制制作与开发多少钱_做到满意为止

河南省明港网站建设_网页定制制作与开发多少钱_做到满意为止

城阳城又叫楚王城，最早的名字叫“负函”。在明港镇南20里，东南紧靠淮河，东面京广铁路穿城而过，西边紧靠107国道。有内城、外城分两次建成。内城东城长500米，西墙长325米，南墙长524米，北城长530米，西南是一片高台基（现为居民点），城外有壕沟痕迹，东南两面城壕宽30余米，深近7米，今农民蓄水以灌田。外城为以后扩建，东城墙长640米，北墙长770米，西墙在内城西墙基础上向北延伸422米，南墙以内城墙基向东延伸406米，内城墙周长1879米，面积20万平方米，外城墙周长3578米，内外城总面积68万平方米。外城南墙向东延伸万余米到淮河岸，内城北墙向东延伸万余米至太子城

display: inline-block

与 display: inline 相比，主要区别在于 display: inline-block 允许在元素上设置宽度和高度。

同样，如果设置了 display: inline-block，将保留上下外边距/内边距，而 display: inline 则不会。

与 display: block 相比，主要区别在于 display：inline-block 在元素之后不添加换行符，因此该元素可以位于其他元素旁边。

下例展示 display: inline、display: inline-block 以及 display: block 的不同行为：

实例

span.a {

  display: inline; /* span 的默认值 */

  width: 100px;

  height: 100px;

  padding: 5px;

  border: 1px solid blue; 

  background-color: yellow; 

}

span.b {

  display: inline-block;

  width: 100px;

  height: 100px;

  padding: 5px;

  border: 1px solid blue; 

  background-color: yellow; 

}

span.c {

  display: block;

  width: 100px;

  height: 100px;

  padding: 5px;

  border: 1px solid blue; 

  background-color: yellow; 

}

亲自试一试

使用 inline-block 来创建导航链接

display 的一种常见用法：inline-block 用于水平而不是垂直地显示列表项。下例创建了一个水平导航链接：

实例

.nav {

  background-color: yellow; 

  list-style-type: none;

  text-align: center; 

  padding: 0;

  margin: 0;

}

.nav li {

  display: inline-block;

  font-size: 20px;

  padding: 20px;

}

亲自试一试

河南省明港网站建设_网页定制制作与开发多少钱_做到满意为止