个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
29
4
不知道它是否有正常的解释或者它是否是某种异常行为，但我在 HTML 中遇到了下一个问题:
我有以下段落:
<p>
You have <strong>32</strong> items
</p>
没什么特别的，而且工作正常。(结果:您有 32 项)
但是如果我添加以下样式:
<p>
You have <strong>32</strong> items
</p>
<p style="height:20%;">
You have <strong>32</strong> items
</p>“strong”中的数字去掉了前后的空格。(结果:您有32项)
这是为什么？
PD:它的行为与“b”标签相同。
更多信息:
我正在使用 IIS 服务器在 Chrome 和 Firefox 中进行测试(均失败)。我无法在 Fiddle 中重现它，所以它可能是我的代码中缺少的东西......
更多信息:
这是完整的 scss:
$header_height: 10%;
$footer_height: 20%;
$body_height: 100% - ($header_height+$footer_height);
$container_frame_padding: 0.5em;
html{
height:100%;
body.vcAllowOverflowContent{
height:100% !important;
.vcPopupContainer{
height:100%;
.vcPopupTitle{
height:$header_height;
display:flex;
justify-content:center;
font-size:$bigger_font_size;
padding:$container_frame_padding;
}
.vcPopupBody{
height:$body_height;
border: solid black 1px;
overflow:auto;
padding:$container_frame_padding;
}
.vcPopupFooter{
height:$footer_height;
}
}
}
这里是一个更完整的 html:
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>MutipleDelete</title>
@Styles.Render("~/Content/Bootstrap")
<link rel="stylesheet" type="text/css" href="~/Content/vcPopups.min.css" />
</head>
<body class="vcAllowOverflowContent">
<div class="vcPopupContainer">
<p class="vcPopupTitle">
¿Desea borrar estos <strong>@Model.Count</strong> pacientes?
</p>
<div class="vcPopupBody">
...
</div>
<div class="vcPopupFooter">
...
</div>
@Scripts.Render("~/Scripts/Jquery")
@Scripts.Render("~/Scripts/Bootstrap")
</div>
</body>
</html>
如您所见，我正在使用 Bootstrap 和 Razor。
如果我删除“vcPopupTitle”类，该段落会正常运行。
最佳答案
强烈建议(自 HTML 5 起)如果可能(即使不能)，使用 span class="foo"然后应用 font-weight:bold；到这个类，而不是使用 html 标签进行文本格式化。并且您不能在 % 上设置文本宽度，必须使用 px、em 或 rem，请参见下面的示例:
p{font-size:1.2rem;}
p.ps{font-size:1.6rem;}
span.foo{font-weight:bold;}
div.container{height:86px; overflow:auto; border:0.1rem solid black;}
.section1{height:40%; border:0.3rem solid blue;}
.section2{height:60%; border:0.3rem solid red;}<div class="container">
<div class="section1">
<p>
You have <strong>32</strong> items
</p>
</div>
<div class="section2">
<p class="ps">
You have <span class="foo">32</span> items
</p>
</div>
</div>注意标记的默认属性以及每个属性对应的作业。P 标签是一个段落，不能“按原样”使用高度属性。它将占用容器的 100% 的宽度和它需要的高度。如果你想限制一个 p 标签的高度，你必须限制这个 p 的容器，而不是强制限制到自己的 P 标签。
请注意，如果您尝试将容器强制调整到一个高度并且内容溢出其父容器，由于字体大小(在这种情况下)，它不会产生可见的效果，因此您需要使用其他字体大小(最好将其指定为 rem，这意味着真实的 em)。
关于html - HTML 中高度定义元素中强标记的奇怪行为，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39890247/
29
4
0
1、前言 在数字化时代，自动化工具成为了提升工作效率和生产力的重要手段。Python作为一种广泛使用的编程语言，以其强大的功能和易用性受到许多开发者的青睐。 而今天给大家推荐一款开源的自动化脚本工具
我有一个 UIViewController，它引用了一个重复调用闭包的 Timer 对象。 Timer 对象在其 block 中捕获 self。据我所知，这会导致 View Controller 和
在当今软件开发的快速迭代中，接口自动化测试已成为确保代码质量和服务稳定性的关键步骤。 随着微服务架构和分布式系统的广泛应用，对接口自动化测试平台的需求也日益增长。 今天，我将为大家推荐一款强大的开
这个问题在这里已经有了答案: Is Python strongly typed? (13 个答案) 关闭 9 年前。 我了解到 Python 是一种强动态类型的语言。 动态:变量的类型在执行时确定，
想象以下使用手动内存管理(也称为非 ARC)的场景: 我有一个将 block 传递给类方法的 VC。在执行 block 之前，VC 从 UINavigationController 中弹出。 __bl
我已阅读this article关于Java中不同类型的引用(强引用、软引用、弱引用、幻像引用)，但我不太理解。 这些引用类型之间有什么区别？每种类型何时使用？ 最佳答案 Java 提供了两种不同类型
我需要两个选择器: 一个用于 h2 元素中的普通文本 还有一个用于 strong 标记内的文本 第一个是与: 选择器:'h2.flashHeader' 但是 选择器:'h2.flashHeader S
`我承认我不是 ARC 和保留周期方面的专家，尽管通过一些研究和一些很棒的文章(如 this)，我相信我已经掌握了基础知识。 但是，我现在很困惑。我有一个属性定义如下。 @property (nona
就像这是非原子的 COPY 的 Setter @property (copy, nonatomic) NSString *someString; -(void)setSomeString:(NSStr
我有一个按钮的以下操作，它切换一个对象是显示为最喜欢的还是不最喜欢的: - (IBAction)addToFavorites:(UIButton *)sender { if ([object is
这个问题在这里已经有了答案: How to make my font bold using css? (10 个答案) 关闭 3 个月前。 在我网页上的整个文本和标题中，我需要将某些词加粗，而其他词
在我的项目中，我使用了 Storyboard，当我访问一个 UI 元素时，我创建了一个属性并将其链接。这个属性很弱。据我了解，该属性可能很弱，因为它已经添加到 View 中并且 View 保留了它。
我正在寻找有关 TLS/SSL 密码套件强度的信息。 例如，当在 chrome 上按 F12 时，会出现一个包含密码协议(protocol)和套件信息的安全概览选项卡。 Chrome 安全选项卡示例:
我使用 Xcode 中的分析工具(分配)发现的是，当您清零一个属性时，它不会被释放，直到父类被清空。现在假设你想确保你不会在内存中保留一个昂贵的模态视图 Controller (假设它不会经常使用)，
下面的 Parent 类具有对单个子对象的强引用和弱引用。永远不会释放子对象。移除弱引用， child 就被释放了。 需要调用 Mirror 方法来进行此泄漏，但我不明白为什么使用 Mirror 会导
大家好，我是狂师！ 今天给大家推荐一款开源的HTTP测试工具：Hurl，相比curl、wget功能更强大，且更容易上手、很适用新手使用。 1、项目介绍 Hurl是一个使用Rust语言开发的命令行
当我从 Storyboard 控制拖动导出时，默认情况下我得到了 strong 属性。我正在使用 Xcode 9.4.1 .以下代码是它的样子。是不是因为 XCode 与 Swift 兼容，所以在 S
这两个Objective-C声明之间有什么区别？ 我一直在看一些Apple源代码示例，他们在各种情况下都使用了第二个示例。我只是想了解为什么和何时最好使用第二个版本而不是第一个版本(我知道 stron
我已经在 AWS Linux 实例上安装了 Strong-pm: [root@box]# npm -g install strongloop strong-pm [root@box]# sl-pm-i
我似乎还没有遇到问题，但我正在努力确保我使用了一些最佳实践。 假设我有一个 UITableViewController，它的数据源是 MyObject 对象的 NSArray。所以在我的 UITabl
我是一名优秀的程序员,十分优秀！