DWCC2017里面图片与文字水平边距在哪
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了DWCC2017里面图片与文字水平边距在哪相关的知识，希望对你有一定的参考价值。
DWCC2017前端html——文字水平位置 行高 文字样式line-height:文字在此行的高度中垂直居中
line-height:
2em;文字内容占2倍行高,
em是参照当前文字的实际文字大小
需要设置字体大小，否则为默认高度
text-indent: 2em;——首行缩进两个字符
font-weight: 700;——文字粗细,正常粗细400,加粗700
font-style:italic;——文字倾斜
text-decoration: underline;——下划线 ；line-through——删除线
letter-spacing: 5px;——每个字符间的横向间距
cr:qq_41141657的博客追问
图片与文字水平边距怎么操作，只要这个问题就可以了，其他的不用解答
追答DWCC2017可能没有这个操作，毕竟它是一个网页设计的软件
就像AE和Pr
虽然都是做视频软件
但Pr上最基础视频剪辑在AE上来操作却很复杂
因为AE的目的并不是视频剪辑而是制作特效
DW是一个网页设计的软件，你说的图文水平边距可能没有，或操作起来很难上手
解决办法是你更新到CC 2019看看会不会增加这个功能
追问好的
参考技术A 就是不得不说好多好多半身不遂个接电话都比不上为啥边距在 CSS 中没有填充背景颜色？
【中文标题】为啥边距在 CSS 中没有填充背景颜色？【英文标题】：Why doesn't margin get filled with background color in CSS?为什么边距在 CSS 中没有填充背景颜色？ 【发布时间】：2017-05-08 02:38:04 【问题描述】：我有这段简单的 HTML。
为什么背景色没有填满整个#footer 元素的背景——具体来说，包括边距？
<!doctype html>
<html>
<head>
<style>
#footer
background: #263238;
margin: 100px;
padding: 0;
.footer-text
margin: 0;
color: #fff;
</style>
</head>
<body>
<div id="footer">
<div class="footer-text">All Rights Reserved © 2016</div>
</div>
</body>
</html>【问题讨论】：
使用padding 而不是margin。边距添加外部缩进。 padding 添加内部。
阅读此***.com/questions/5958699/…。它会帮助你
好的。知道了。谢谢大家。
【参考方案1】：
<!doctype html>
<html>
<head>
<style>
#footerbackground: #263238;padding: 100px;
.footer-textmargin: 0;color: #fff;
</style>
</head>
<body>
<div id="footer">
<div class="footer-text">All Rights Reserved © 2016</div>
</div>
</body>
</html>
边距应用于框外，而填充应用于框内。
以下是边距/填充的示例。
http://www.goer.org/images/html/boxbasic.png
【讨论】：
请解释为什么会这样。否则没用。 边距在框外。而 Padding 在盒子里面。 把它放在你的答案中。这也不是一个很清楚的解释：见：***.com/a/41283805/1606432 更新了一个例子【参考方案2】：您可以使用padding。
如果你可以使用margin，那么它会在边框外留出空间，padding 在边框内留出空间。因此，使用 padding 非常适合您。
#footerbackground: #263238; padding: 100px;
.footer-textmargin: 0;color: #fff; <div id="footer">
<div class="footer-text">All Rights Reserved © 2016</div>
</div>【讨论】：
【参考方案3】：您应该使用padding 而不是margin，如CSS 的Box Model 所述。
边距在元素的盒子之外提供空间，因此不会被着色 - 它只是空间。
另一方面，内边距在元素框的内部周围提供空间，并被其他样式着色和影响。
<!doctype html>
<html>
<head>
<style>
#footer
background: #263238;
padding: 100px;
.footer-text
margin: 0;
color: #fff;
</style>
</head>
<body>
<div id="footer">
<div class="footer-text">All Rights Reserved © 2016</div>
</div>
</body>
</html>【讨论】：
【参考方案4】：
这就是 CSS 盒子模型的工作原理。
该背景仅应用于padding 和content 区域，这就是为什么您看不到边距中的背景。
解决方法很简单，只需将 margin 更改为 padding。
【讨论】：
【参考方案5】：Margin 不会包含在您的 div 的 Box-model 中。
您添加 padding 而不是边距。这将使您在页脚中获得统一的颜色。像这样：
#footer
background: #263238;
margin:0;
padding:100px;
但是，如果您正在寻找不同的外部颜色，那么您可以使用 border 来获得它，如下所示：
#footer
background: #263238;
margin:0;
padding:0;
border:100px solid green;
现在您可以在盒子模型中包含边框，这样它就不会弄乱您的页面结构。通过为页脚定义box-sizing 来做到这一点。
#footer
background: #263238;
margin:0;
padding:0;
border:100px solid green;
box-sizing:border-box;
【讨论】：
【参考方案6】：尝试将border: 1px solid transparent 赋予p 标签的父元素。
【讨论】：
【参考方案7】：<!doctype html>
<html>
<head>
<style>
#footer
background: #263238;
padding: 100px;
.footer-text
margin: 0;
color: #fff;
</style>
</head>
<body>
<div id="footer">
<div class="footer-text">All Rights Reserved © 2016</div>
</div>
</body>
</html>【讨论】：
以上是关于DWCC2017里面图片与文字水平边距在哪的主要内容，如果未能解决你的问题，请参考以下文章