html中设置的行距在手机上与电脑上显示不同
在dreamweaver里设置的行距在电脑上显示正常,在手机上显示的就不一样了,而且不管怎么修改行距手机上显示的行距都没有变化...
在dreamweaver里设置的行距在电脑上显示正常,在手机上显示的就不一样了,而且不管怎么修改行距手机上显示的行距都没有变化
展开
3个回答
2019-01-20
展开全部
手机和PC端用同一个模板吗?自定义CSS这样好些,不要直接用DW设。DW设计出来的代码是非常不专业的。
首先页头CSS链接:
你不要用中文名文件夹,“微软雅_”改成英文文件夹。stylesheet.css就是你的CSS文件。页头部分的<style stype="text/css">……</script>这段属于CSS样式代码,你可以把这部分放进CSS文件里。记得去掉<style stype="text/css">和</script>,这是在WEB页才要的标示,在CSS文件里是不需要的。
你说的正文样式设置,你现在的代码只标示了<p>的样式。
你可以在正文前面的DIV里面加样式:
页面代码这样改:
<div class="suojin">
<p>什么是传承……</p>
</div>
一般网页输入的编辑器会自动产生<p>作为换行。看你的情况似乎只是在DW里加入文字,没使用编辑器。你看着来吧!然后在CSS文件中加入CSS
样式:
.suojin {样式内容}
.suojin p {样式内容}
CSS其实很简单,你想要什么样式,不懂的话直接百度css行高样式什么的很容易找。比如宽度width:200px;高度height:32px; maring和
pidding距离等等。
你代码中的行距line-height:200%这样不好,直接用px固定行距。比如,你在CSS文件中这样写:
.shuojin {}
.shuojin p {line-height:32px; font-size:26px; margin-top:10px;}
这样应该能得到你想要的效果了。maring-top,就是<p>和上面的距离,在这里可以当做段距使用,在这里用padding-top效果一样,你试试就知道了。其实CSS不难学,困难的是一般复杂的效果和浏览器兼容方面的问题,如果你学会基础也会百度自学了。诚意满满,记得选我哈!
首先页头CSS链接:
你不要用中文名文件夹,“微软雅_”改成英文文件夹。stylesheet.css就是你的CSS文件。页头部分的<style stype="text/css">……</script>这段属于CSS样式代码,你可以把这部分放进CSS文件里。记得去掉<style stype="text/css">和</script>,这是在WEB页才要的标示,在CSS文件里是不需要的。
你说的正文样式设置,你现在的代码只标示了<p>的样式。
你可以在正文前面的DIV里面加样式:
页面代码这样改:
<div class="suojin">
<p>什么是传承……</p>
</div>
一般网页输入的编辑器会自动产生<p>作为换行。看你的情况似乎只是在DW里加入文字,没使用编辑器。你看着来吧!然后在CSS文件中加入CSS
样式:
.suojin {样式内容}
.suojin p {样式内容}
CSS其实很简单,你想要什么样式,不懂的话直接百度css行高样式什么的很容易找。比如宽度width:200px;高度height:32px; maring和
pidding距离等等。
你代码中的行距line-height:200%这样不好,直接用px固定行距。比如,你在CSS文件中这样写:
.shuojin {}
.shuojin p {line-height:32px; font-size:26px; margin-top:10px;}
这样应该能得到你想要的效果了。maring-top,就是<p>和上面的距离,在这里可以当做段距使用,在这里用padding-top效果一样,你试试就知道了。其实CSS不难学,困难的是一般复杂的效果和浏览器兼容方面的问题,如果你学会基础也会百度自学了。诚意满满,记得选我哈!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询