写文章时,开头都要空两格,所以在css里对p统一加了text-indent:30px让每段的开头都空出一段距离,这对于纯文字内容是很好的,但是图片竟然也遵守了text-indent:30px导致超出范围,总不能每次对添加的图片在去代码里删除p吧,如果把图片100%改为90%,那么左边也会空出30px,极其不美观,代码和图如下:
我是想让图片不遵守text-indent:30px左右都贴边
这个不是我想要的 | 这是我想要的 |
---|---|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body{ width:60%; border:1px solid #f00; margin:0 auto}
.wenzhang p {text-indent:30px;}
.wenzhang p img {width:100%; }
</style>
</head>
<body>
<div class="wenzhang"><p>这个问题首先要搞明白你的练字目标是什么?根据你的目标来设定好的标准是什么。</p>
<p><img src="https://5158001.com/uploadfile/image/202309/2023092809331008217.jpg" /></p>
<p>比如你是初高中的学生,目标只是想把字写的规范、整齐、有速度,那么在你基础相对较好的情况下,三两天就能写好,基础不好自己下点功夫,老师善于引导也是可以在1-3个月里能把字写好。</p>
</div>
</body>
</html>