甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
可以为盒子添加“text-align： center；”样式使图片在盒子中居中。
成都创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计制作、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的隆林网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
首先，打开html编辑器，新建html文件，例如：index.html。其次，在index.html中的标签中，输入css代码：div{border： 1px solid blue； text-align： center}。
css盒子怎么设计居中排版。首先将盒子设计好，然后通过图片将该盒子设计为图像(中间有一条红色的横线) 。(在此我们就不展示图片了) 设计好盒子之后，我们再选中图像(矩形) 。
利用margin： 0 auto实现图片居中，就是在图片上加上css样式margin： 0 auto 如下：设置imgBox的样式如下：此时的效果如下：（图片在容器内，水平居中）css图片垂直居中。css代码如下，使用flex布局实现。
1、最简单的办法是：使用 box-flex 的每一个子元素都加上一句： width： 0%；，原因不明，反正有效。
2、布局的一般写法，从上到下，从左到右进行排版布局。
3、margin（外边距）：设置元素与相邻元素之间的距离。外边距会在元素周围创建一定的空白区域，影响元素的实际尺寸。 box-sizing（盒子模型）：控制元素的盒子模型计算方式。
看半天是css里面 给盒子加背景 ！例子background： url(图片路径，别写错了) no-repeat；no-repeat 是不重复平铺。
在左边图片img标签和右边文字div层标签的外边最好是套一个大的div层包住，并在些层上面写入样式div{overflow：hidden}。
思路：在页面上插入一个图片，根据图片大小设置宽度，文本始终都显示在图片的下方位置，而且输入文字跟着文本字数及行数自动调整高度。