提醒：你这个改法不对， 你应该修改源码而不是修改编译后的代码
style标签 内增加两行样式就可以了
#F1>.fig {
justify-content: flex-end !important;
}
p:nth-child(5) {
display: flex;
justify-content: flex-end;
}
完整代码
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<meta name=renderer content=webkit>
<meta name=force-rendering content=webkit>
<meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
<meta name=viewport
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta name=HandheldFriendly content=true>
<meta name=wap-font-scale content=no>
<meta name=screen-orientation content=portrait>
<meta name=x5-orientation content=portrait>
<meta name=format-detection content="telephone=no,email=no,address=no">
<script type=text/javascript async src="/journal-web/lib/MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<script>
window.MathJax || document.write(
'<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS-MML_HTMLorMML"><\/script>'
)
</script>
<script type=text/x-mathjax-config>MathJax.Hub.Config({
showProcessingMessages: false,
messageStyle: "none",
MathML: {
useMathMLspacing: true
},
"HTML-CSS": {
availableFonts: ["STIX", "TeX"],
preferredFont: "STIX",
imageFont: null,
matchFontHeight: false,
noReflows: false,
showMathMenu: true
},
tex2jax: {
inlineMath: [ ['$$','$$']],
displayMath: [ ]
/*ignoreClass:"text" xml中有latex公式在文本中需要渲染出来，故去掉此配置*/
},
MathMenu: {
showRenderer: false, /*不显示渲染器菜单项*/
showLocale: false /*不显示语言菜单项*/
},
"fast-preview": {
disabled: true /*禁用快速预览*/
},
menuSettings: {
zoom: "None"
}
});</script>
<script>
/* 重要！兼容IE9/IE10不存在console对象的问题 */
window.console = window.console || (function() {
var c = {}
c.log = c.warn = c.debug = c.info = c.error = c.assert = c.trace = c.clear = c.count = c.time = c
.timeEnd =
c.dir = c.profile = c.exception = c.group = c.groupCollapsed = c.groupEnd = c.table = function() {}
return c
})()
</script>
<style type=text/css>
html,
body {
font-family: 'Arial', 'Microsoft YaHei', '微软雅黑', 'Helvetica', 'sans-serif';
font-size: 10px;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}
</style>
<style>
#dialogDiv {
display: none;
}
.dialog-body {
height: 570px;
position: absolute;
margin: auto;
left: 0;
top: 0;
bottom: 0;
right: 0;
text-align: center
}
.dialog-text {
text-align: center;
}
.dialog-text p {
width: 100%;
font-size: 30px;
color: #444444;
margin: 0;
white-space: nowrap;
}
.dialog-button {
width: 100%;
text-align: center;
}
.dialog-button button {
display: inline-block;
width: 383px;
height: 52px;
border-radius: 10px;
text-align: center;
font-size: 20px;
}
.dialog-button .buttonCopy {
padding: 0;
background-color: #00a2af;
color: #FFFFFF;
border: none;
}
.dialog-button .buttonCopy span {
line-height: 52px;
}
.dialog-button .buttonConfirm {
border: 1px solid #00a2af;
margin: 20px 0;
color: #00a2af;
background-color: #FFFFFF;
}
#dialogCopy {
width: 100%;
height: 98px;
line-height: 98px;
font-size: 37px;
background-color: #FFFFFF;
color: #FFFFFF;
text-align: center;
margin: 95px 0 100px;
}
#page-head {
padding: 0;
font-weight: normal;
}
#page-foot {
display: none;
width: 100%;
height: auto;
left: 0;
bottom: 0;
background-color: #EDEDED;
text-align: center;
padding: 5px 0;
}
#page-foot p {
color: #333;
font-size: 1.6rem;
}
#F1>.fig {
justify-content: flex-end !important;
}
p:nth-child(5) {
display: flex;
justify-content: flex-end;
}
</style>
<title>网刊加载中。。。</title>
<link href=../static-1.1.1/themes/app/css/index.1.1.1.css rel=stylesheet>
<script type=text/javascript>
data = {
"offline": true,
"defaultlang": "zh",
"titlegroup": {
"articletitle": [{
"lang": "zh",
"data": [{
"name": "text",
"data": "“计算成像”专栏序言"
}]
}]
},
"contribgroup": {
"author": [],
"aff": []
},
"abstracts": [],
"keyword": [],
"highlights": [],
"body": [{
"name": "p",
"data": [{
"name": "text",
"data": "2023年1月11日，阿里巴巴达摩院发布了2023年十大科技趋势，其中第八项为计算光学成像。计算光学成像突破传统光学成像极限，将带来更具创造力和想象力的应用。同年，中国航天大会所发布的2023年宇航领域科学问题和技术难题也将计算成像技术列为重点：计算光学高维遥感突破航天光学遥感探测极限。计算光学高维遥感将计算光学引入遥感技术，构建光波与客观世界的高维映射关系，打破以几何光学为基础的低维线性关系，建立高维物理量与遥感量的非线性映射模型，从高维物理量中解译遥感信息，将传统遥感精度提升一个量级以上。"
}]
}, {
"name": "p",
"data": [{
"name": "text",
"data": "计算成像是下一代光电成像技术，其核心是光场维度提升，利用“计算+信息”的模式打破了禁锢成像技术发展200余年的“物像共轭”的传统思想，这里的“计算”不仅仅是信号处理的计算，更应该理解为“编解码”。因此计算成像是一门基于信息编解码的成像科学，其本质是光场的获取和解译，通过编解码的物理过程进行信息升维处理。"
}]
}, {
"name": "p",
"data": [{
"name": "text",
"data": "计算成像技术将重新定义成像模式，亦将在生命科学、工业检测、遥感探测、智能监控等方面产生巨大的应用潜力和社会效益。具体以小型化非侵入式医学实时检测为代表革新医学成像检测设备，使医学检测技术简易化、家庭化，降低专业医疗机构的行业压力。以远距离高分辨率三维成像及姿态分析技术为代表的智能监控技术能够有效提升设备的应用场景和使用模式。感、存、算一体化的“简单眼+智慧脑”充分利用了计算红利，给工业视觉带来革命性变换，支撑智能制造的发展，提升制造业的核心竞争力。同时，计算成像技术的发展大大提升了精密科学仪器的研究和应用水平，促进了我国基础科学的发展，推动了生命医学科学、新一代人工智能等关键领域迈向新起点。"
}]
}, {
"name": "p",
"data": [{
"name": "text",
"data": "为应和推动计算成像领域高质量发展，《数据采集与处理》2024年第2期特别策划“计算成像”专栏，集中刊发西安电子科技大学、北京理工大学、四川大学、福建师范大学、哈尔滨工业大学、南京航空航天大学等单位知名学者团队的7篇论文。专栏论文聚焦计算成像中的关键问题，对其研究现状进行系统总结，对发展趋势进行深入分析，并结合人工智能方法对其典型应用进行优化，很好地体现了计算成像领域研究的深入性和成果应用的广泛性。期待专栏论文能为读者普及计算成像的相关知识、为研究人员提供下一步探索的参考方向，并为后续核心技术的研究提供借鉴。"
}]
}, {
"name": "p",
"data": [{
"id": "F1",
"name": "text",
"data": "专栏责任编委"
}]
}, {
"name": "fig",
"data": {
"id": "F1",
"caption": [{
"lang": "zh",
"title": []
}],
"subcaption": [],
"note": [],
"graphics": [{
"print": "media/0F389874-FDA9-4859-93C7-CE3D3ED18527-F001.jpg",
"small": "alternativeImage/0F389874-FDA9-4859-93C7-CE3D3ED18527-F001c.jpg",
"big": "alternativeImage/0F389874-FDA9-4859-93C7-CE3D3ED18527-F001.jpg",
"width": "25.10998535",
"height": "10.52368164",
"fontsize": ""
}]
}
}, {
"name": "fig",
"data": {
"id": "F2",
"caption": [{
"lang": "zh",
"title": []
}],
"subcaption": [],
"note": [],
"graphics": [{
"print": "media/0F389874-FDA9-4859-93C7-CE3D3ED18527-F002.tif",
"small": "alternativeImage/0F389874-FDA9-4859-93C7-CE3D3ED18527-F002c.jpg",
"big": "alternativeImage/0F389874-FDA9-4859-93C7-CE3D3ED18527-F002.jpg",
"width": "20.00000000",
"height": "28.11157227",
"fontsize": ""
}]
}
}, {
"name": "p",
"data": [{
"name": "text",
"data": "邵晓鹏，二级教授，西安电子科技大学光电工程学院院长，西安市计算成像重点实验室主任，173重点项目首席，科普作家。主要研究方向：计算光学成像技术、光电图像处理与模式识别、光电仪器研制与测试。现任国家部委专业组专家，中国光学工程学会常务理事、中国光学学会理事、陕西省光学学会副理事长、陕西省光学工程学会副理事长、西安市激光红外学会副理事长；光场调控及其系统集成应用福建省高校重点实验室学术委员会主任；国防工业光电信息控制和安全技术等10余个重点实验室学术委员会委员。Advanced Imaging主编，Ultrafast Science副主编，《应用光学》副主任委员，《激光与光电子学进展》《光学精密工程》《光子学报》《系统工程与电子技术》《数据采集与处理》《光电技术应用》《激光与红外》《集成技术》《西安电子科技大学学报》等期刊编委。"
}]
}],
"footnote": [],
"response": [],
"contributions": [],
"acknowledgements": [],
"conflict": [],
"supportedby": [],
"articlemeta": {
"doi": "10.16337/j.1004⁃9037.2024.02.001",
"clc": [],
"dc": [],
"publisherid": "1004⁃9037（2024）02-0247-01",
"citeme": [{
"data": [{
"name": "text",
"data": ".“计算成像”专栏序言[J].数据采集与处理,2024,39(02):247-247."
}],
"text": ".“计算成像”专栏序言[J].数据采集与处理,2024,39(02):247-247."
}],
"fundinggroup": [],
"history": {
"ppub": "2024-03-28",
"opub": "2024-04-09"
}
},
"appendix": [],
"banner": "NHYS.journal.founderss.cn/article/getHtmlApi.do?manuscriptId=10503",
"type": "research-article",
"ethics": [],
"backSec": [],
"supplementary": [],
"theme": "#167FC3",
"journalTitle": "数据采集与处理",
"issue": "2",
"volume": "39",
"originalSource": []
}
</script>
</head>
<body>
<div id=dialogDiv>
<div class=dialog-body>
<div class=dialog-text>
<p>使用Chrome浏览器效果最佳，继续浏览，你可能不会看到最佳的展示效果，</p>
<p style="margin-top: 45px;">确定继续浏览么?</p>
</div>
<div id=dialogCopy>复制成功，请在其他浏览器进行阅读</div>
<div class=dialog-button><button class=buttonCopy onclick=copyHref()>复制地址链接在其他浏览器打开</button></div>
<div class=dialog-button><button class=buttonConfirm onclick=closeDialog()>继续浏览</button></div>
</div>
</div>
<div id=app></div>
<div id=page-foot>
<p><span>copyright</span> © 2018-2020</p>
</div>
<script type=text/javascript src=../static-1.1.1/js/manifest.1.1.1.js></script>
<script type=text/javascript src=../static-1.1.1/js/vendor.1.1.1.js></script>
<script type=text/javascript src=../static-1.1.1/js/app.1.1.1.js></script>
</body>
</html>
<script type=text/javascript>
var userAgent = navigator.userAgent;
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;
if (isIE) {
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
if (fIEVersion != undefined && fIEVersion < 9.0) {
document.getElementById("dialogDiv").style.display = "block";
document.getElementById("app").style.display = "none";
}
}
function closeDialog() {
document.getElementById("dialogDiv").style.display = "none";
document.getElementById("app").style.display = "block";
}
/*点击复制链接*/
function copyHref() {
var clipBoardContent = this.location.href;
window.clipboardData.setData("Text", clipBoardContent);
document.getElementById("dialogCopy").style.backgroundColor = "#00a2af";
}
</script>
效果图
发表于 2024-4-10 16:38
|
发表于 2024-4-11 07:05
