第一行是 网页语言编码声明 编码标准 就是utf-8,可以用别的比如 简体中文 是gb2312 utf-8是国际通用的
十年的大悟网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同,自动调整大悟建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“大悟网站设计”,“大悟网站推广”以来,每个客户项目都认真落实执行。
第二行是 css 中注释 这里的意思是 告诉你 这是css文档
在/* */ 中间的内容 你可随便打,浏览器 是忽略的,是给人看的
给li设高,目测高度要大于25,如果还不行设28.
另外,li的高度变大之后,文字的行高也要设置成一样的数值,这样,文字在li里才能纵向居中。
代码如下:
li {height:25px; line-height:25px;}
纯css没法实现,除非你的元素宽度完全写死,那样的话会有很多问题,还是用js来实现吧,我写的这个需要引入jquery
div id="main"
p class="tocenterRight"哥哥/p
p class="tocenterRight"你哥哥/p
p class="tocenterRight"你的大哥哥/p
/div
script src="jquery-3.2.1.min.js" type="application/javascript"/script
script
$(document).ready(function(){
//传入type参数center-right 或者left-right 可以传入以后看下效果,第二个参数是要做对其的类名,自己测试一下。
textAlign("center-right",".tocenterRight");
});
var textAlign = function(type,classname){
var o = $(classname);
var maxwidth = 0;
switch (type){
case "center-right" :
$(o).css("text-align","right");
if(o.length0){
$(o).css("width",parseInt($($(o).parent()).width()/2));
}else{
console.log("找不到任何对象!");
}
break;
case "left-right" :
$(o).css("text-align","right");
if(o.length0){
for(var i=0;io.length;i++){
$(o[i]).css("display","inline");
maxwidth = parseInt($(o[i]).css("width"))maxwidth ? parseInt($(o[i]).css("width")) : maxwidth;
}
$(o).css("display","block");
$(o).css("width",maxwidth);
}else{
console.log("找不到任何对象!");
}
break;
default :
break;
}
}
/script
两种对齐的效果看下图:
你把第二行dd标签的样式 40px 改成 -40px 不就可以了,dl dd{ padding:0 0 0 -40px; margin-bottom:.5em;}。或者第二行的dd标签改成跟第一行一样的dt标签也可以