新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
布局分块没分好。
10余年的卢氏网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。全网整合营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整卢氏建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“卢氏网站设计”,“卢氏网站推广”以来,每个客户项目都认真落实执行。
你是把所有文字放在一个img标签后面了。将所有文字放进一个div中,然后再把这个div放再img后面就不会出现问题了。
margin_left:30px
或者padding:0 30px 0 0;
padding:0 30px 0 0; 意思是内边距上=0 ,右=30px,下=0,左=0
td{ text-indent:1em;}
看你效果图,只要选择包裹字体的选择器(如果td里还有其他选择器的话),用首行缩进1em一个字的距离就可以了
看你的问题是要把空格去掉吗?如果是html的空格,删除空格就行,如果原来用了text-indent:1em;的话就反向操作text-indent:0;
!DOCTYPE html
html
head
meta charset="UTF-8"
title/title
/head
style type="text/css"
* {
margin: 0;
padding: 0;
}
.demo {
margin: 0 0 0 100px;
}
.img {
width: 200px;
height: 200px;
border: 1px solid #DCDCDC;
padding: 5px;
box-sizing: border-box;
}
.img img {
width: 100%;
height: 100%;
}
.msg {
width: 200px;
text-align: center;
box-sizing: border-box;
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
border: 1px solid #000000;
/*left: -30px;你是不是布局出现了问题,如果你非要左移的话,去掉注释*/
}
/style
body
div class="demo"
div class="img"
img src="" /
/div
div class="msg"
自驾游(多余的文字)br 会员价:
strong style="color: red;"9999元/strong
/div
/div
/body
/html
有两种方法:a 是行内标签,不能设置高宽和外边距margin,但能使用内边距padding
如果你不固定大小 ,应用padding;
需要用固定大小,把它变成行内块标签display: inline-block,这样后就可以设置高宽了,
移动10px;也有两种:
这10px算a标签内,就用padding-left:10px;
这10px不算在a标签内,就用margin-left: 10px;注意:需设置成行内块元素才可以设置外边距,否则无效;
自己试试吧!!!
1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,这里设置一个外围的div盒子,给外围的div高度宽度和背景颜色,文字包裹到span标签里,文字也设置一下颜色,按下Crtl+S保存一下:
2、此时可以在软件右侧的窗口可以看到效果:
3、把外围盒子的position属性设置为relative,span标签里的position属性设置为absolute,设置top、left、right、bottom的数值,此时在右侧的窗口就会发现文字的位置已经改变了: